inclusionAI Ling 3.0 Flash – Gambling Casinos

via Novita · Generated

  • AIMAC Debt 5.46
  • Cost $0.001
  • Total Violations 38
  • HTML Size 51 KB
  • Em Dashes 21

Screenshot

View inclusionAI Ling 3.0 Flash Gambling Casinos page View Live Page

Accessibility Issues Found

38 Serious

  • color-contrast serious 38 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <span class="game-rtp">RTP: <strong>96.1%</strong></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>AceVault — Your Edge in Every Bet</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&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; }
  :root {
    --gold: #d4af37;
    --gold-light: #f0d060;
    --gold-dark: #a07d1a;
    --green: #1a7a3a;
    --green-dark: #0f4d24;
    --bg-primary: #08080e;
    --bg-secondary: #0f0f1a;
    --bg-card: #141422;
    --bg-card-hover: #1a1a2e;
    --text-primary: #f0ece2;
    --text-secondary: #a0a0b8;
    --text-muted: #6a6a80;
    --border: #2a2a3e;
    --accent-red: #c0392b;
    --gradient-gold: linear-gradient(135deg, #d4af37, #f0d060, #d4af37);
    --gradient-green: linear-gradient(135deg, #1a7a3a, #2ecc71, #1a7a3a);
    --shadow: 0 8px 32px rgba(0,0,0,0.5);
    --shadow-glow: 0 0 40px rgba(212,175,55,0.15);
  }
  html { scroll-behavior: smooth; font-size: 16px; }
  body {
    font-family: 'Source Sans 3', sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.7;
    overflow-x: hidden;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.2;
  }
  a { color: var(--gold); text-decoration: none; transition: color 0.3s; }
  a:hover { color: var(--gold-light); }
  img { max-width: 100%; display: block; }
  .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
  .section { padding: 100px 0; position: relative; }
  .section-label {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--gold);
    border: 1px solid var(--gold);
    padding: 4px 16px;
    margin-bottom: 16px;
  }
  .section-title {
    font-size: clamp(2rem, 4vw, 3rem);
    margin-bottom: 16px;
    color: var(--text-primary);
  }
  .section-subtitle {
    font-size: 1.1rem;
    color: var(--text-secondary);
    max-width: 650px;
    margin-bottom: 48px;
  }
  .btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Oswald', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 14px 32px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .btn-gold {
    background: var(--gradient-gold);
    color: #0a0a0f;
    box-shadow: 0 4px 20px rgba(212,175,55,0.3);
  }
  .btn-gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(212,175,55,0.45);
    color: #0a0a0f;
  }
  .btn-outline {
    background: transparent;
    border: 2px solid var(--gold);
    color: var(--gold);
  }
  .btn-outline:hover {
    background: var(--gold);
    color: #0a0a0f;
    transform: translateY(-2px);
  }
  .btn-green {
    background: var(--gradient-green);
    color: #fff;
    box-shadow: 0 4px 20px rgba(26,122,58,0.3);
  }
  .btn-green:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(26,122,58,0.45);
    color: #fff;
  }

  /* ===== HEADER ===== */
  .site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(8,8,14,0.92);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border);
    transition: all 0.3s;
  }
  .site-header.scrolled {
    background: rgba(8,8,14,0.98);
    box-shadow: 0 4px 24px rgba(0,0,0,0.4);
  }
  .header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
  }
  .logo {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .logo-img {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    object-fit: cover;
    border: 2px solid var(--gold);
  }
  .logo-text {
    font-family: 'Oswald', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-primary);
    letter-spacing: 0.05em;
  }
  .logo-text span { color: var(--gold); }
  .main-nav { display: flex; align-items: center; gap: 8px; }
  .main-nav a {
    font-family: 'Oswald', sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-secondary);
    padding: 8px 16px;
    border-radius: 4px;
    transition: all 0.3s;
    position: relative;
  }
  .main-nav a:hover, .main-nav a.active {
    color: var(--gold);
    background: rgba(212,175,55,0.08);
  }
  .main-nav a.active::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 2px;
    background: var(--gold);
    border-radius: 2px;
  }
  .nav-cta {
    background: var(--gradient-gold) !important;
    color: #0a0a0f !important;
    font-weight: 700 !important;
    padding: 10px 22px !important;
    border-radius: 4px !important;
  }
  .nav-cta:hover { color: #0a0a0f !important; box-shadow: 0 4px 16px rgba(212,175,55,0.4); }
  .mobile-toggle {
    display: none;
    background: none;
    border: none;
    color: var(--text-primary);
    font-size: 1.5rem;
    cursor: pointer;
    padding: 8px;
  }
  .mobile-nav {
    display: none;
    position: fixed;
    top: 72px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(8,8,14,0.98);
    backdrop-filter: blur(16px);
    flex-direction: column;
    padding: 32px 24px;
    z-index: 999;
  }
  .mobile-nav.open { display: flex; }
  .mobile-nav a {
    font-family: 'Oswald', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-secondary);
    padding: 14px 0;
    border-bottom: 1px solid var(--border);
    transition: color 0.3s;
  }
  .mobile-nav a:hover { color: var(--gold); }

  /* ===== HERO ===== */
  .hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-top: 72px;
  }
  .hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.35;
    filter: grayscale(60%) brightness(0.4);
  }
  .hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8,8,14,0.6) 0%, rgba(8,8,14,0.95) 100%);
  }
  .hero-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(212,175,55,0.08) 0%, transparent 70%);
    top: 10%;
    right: -10%;
    pointer-events: none;
  }
  .hero-content {
    position: relative;
    z-index: 1;
    max-width: 720px;
  }
  .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Oswald', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--gold);
    border: 1px solid rgba(212,175,55,0.3);
    padding: 6px 18px;
    border-radius: 50px;
    margin-bottom: 28px;
    background: rgba(212,175,55,0.06);
  }
  .hero-badge .pulse {
    width: 8px;
    height: 8px;
    background: var(--gold);
    border-radius: 50%;
    animation: pulse 2s infinite;
  }
  @keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.5); }
  }
  .hero-title {
    font-size: clamp(2.8rem, 6vw, 4.5rem);
    font-weight: 700;
    line-height: 1.05;
    margin-bottom: 24px;
    text-transform: uppercase;
  }
  .hero-title .highlight {
    background: var(--gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  .hero-desc {
    font-size: 1.15rem;
    color: var(--text-secondary);
    margin-bottom: 40px;
    max-width: 560px;
  }
  .hero-actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }
  .hero-stats {
    display: flex;
    gap: 48px;
    margin-top: 64px;
    padding-top: 32px;
    border-top: 1px solid var(--border);
  }
  .hero-stat {
    text-align: left;
  }
  .hero-stat-value {
    font-family: 'Oswald', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--gold);
  }
  .hero-stat-label {
    font-size: 0.85rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
  .hero-image {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    width: 55%;
    max-width: 700px;
    z-index: 0;
    opacity: 0.6;
    border-radius: 12px;
    border: 2px solid rgba(212,175,55,0.2);
    box-shadow: var(--shadow-glow);
  }

  /* ===== FEATURES GRID ===== */
  .features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
  }
  .feature-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 36px 28px;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
  }
  .feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--gradient-gold);
    opacity: 0;
    transition: opacity 0.3s;
  }
  .feature-card:hover {
    background: var(--bg-card-hover);
    border-color: rgba(212,175,55,0.3);
    transform: translateY(-4px);
    box-shadow: var(--shadow);
  }
  .feature-card:hover::before { opacity: 1; }
  .feature-icon {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: rgba(212,175,55,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: var(--gold);
    margin-bottom: 20px;
  }
  .feature-card h3 {
    font-size: 1.25rem;
    margin-bottom: 12px;
    color: var(--text-primary);
  }
  .feature-card p {
    color: var(--text-secondary);
    font-size: 0.95rem;
    line-height: 1.7;
  }

  /* ===== STRATEGY SECTION ===== */
  .strategy-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
  }
  .strategy-content h3 {
    font-size: 1.8rem;
    margin-bottom: 16px;
  }
  .strategy-content p {
    color: var(--text-secondary);
    margin-bottom: 20px;
    font-size: 1.02rem;
  }
  .strategy-list {
    list-style: none;
    margin-bottom: 28px;
  }
  .strategy-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--border);
    color: var(--text-secondary);
  }
  .strategy-list li i {
    color: var(--gold);
    margin-top: 4px;
    font-size: 0.85rem;
  }
  .strategy-list li strong {
    color: var(--text-primary);
  }
  .strategy-image {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
  }
  .strategy-image img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* ===== GAME FINDER ===== */
  .game-finder {
    background: var(--bg-secondary);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
  }
  .finder-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 36px;
  }
  .finder-group {
    flex: 1;
    min-width: 200px;
  }
  .finder-group label {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-secondary);
    margin-bottom: 8px;
  }
  .finder-group select, .finder-group input {
    width: 100%;
    padding: 12px 16px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 6px;
    color: var(--text-primary);
    font-family: 'Source Sans 3', sans-serif;
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.3s;
  }
  .finder-group select:focus, .finder-group input:focus {
    border-color: var(--gold);
  }
  .finder-group select option {
    background: var(--bg-card);
    color: var(--text-primary);
  }
  .games-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
  }
  .game-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  .game-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow);
    border-color: rgba(212,175,55,0.3);
  }
  .game-card-img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-bottom: 1px solid var(--border);
  }
  .game-card-body {
    padding: 20px;
  }
  .game-card-body h4 {
    font-size: 1.05rem;
    margin-bottom: 6px;
  }
  .game-card-body .game-type {
    font-size: 0.78rem;
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 8px;
  }
  .game-card-body p {
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-bottom: 12px;
  }
  .game-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .game-rtp {
    font-size: 0.8rem;
    color: var(--text-muted);
  }
  .game-rtp strong {
    color: var(--green);
    font-weight: 600;
  }
  .game-card .btn {
    font-size: 0.78rem;
    padding: 8px 18px;
  }
  .no-results {
    grid-column: 1 / -1;
    text-align: center;
    padding: 48px;
    color: var(--text-muted);
  }

  /* ===== TESTIMONIALS ===== */
  .testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
  }
  .testimonial-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 32px;
    position: relative;
    transition: all 0.3s;
  }
  .testimonial-card:hover {
    border-color: rgba(212,175,55,0.2);
    box-shadow: var(--shadow);
  }
  .testimonial-card .quote-mark {
    font-size: 3rem;
    color: rgba(212,175,55,0.15);
    font-family: 'Oswald', sans-serif;
    line-height: 1;
    margin-bottom: 8px;
  }
  .testimonial-card .stars {
    color: var(--gold);
    margin-bottom: 16px;
    font-size: 0.9rem;
  }
  .testimonial-card blockquote {
    font-size: 0.95rem;
    color: var(--text-secondary);
    font-style: italic;
    margin-bottom: 20px;
    line-height: 1.7;
  }
  .testimonial-author {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .testimonial-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--gold);
  }
  .testimonial-author-info h5 {
    font-size: 0.9rem;
    font-weight: 600;
  }
  .testimonial-author-info span {
    font-size: 0.78rem;
    color: var(--text-muted);
  }

  /* ===== FAQ ACCORDION ===== */
  .faq-list {
    max-width: 800px;
    margin: 0 auto;
  }
  .faq-item {
    border: 1px solid var(--border);
    border-radius: 8px;
    margin-bottom: 12px;
    background: var(--bg-card);
    overflow: hidden;
    transition: border-color 0.3s;
  }
  .faq-item.active { border-color: rgba(212,175,55,0.3); }
  .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    cursor: pointer;
    font-family: 'Oswald', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-primary);
    transition: color 0.3s;
    user-select: none;
  }
  .faq-question:hover { color: var(--gold); }
  .faq-question i {
    font-size: 0.8rem;
    color: var(--gold);
    transition: transform 0.3s;
  }
  .faq-item.active .faq-question i { transform: rotate(180deg); }
  .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
  }
  .faq-item.active .faq-answer {
    max-height: 300px;
  }
  .faq-answer-inner {
    padding: 0 24px 20px;
    color: var(--text-secondary);
    font-size: 0.95rem;
    line-height: 1.7;
  }

  /* ===== BONUS / CTA BAND ===== */
  .cta-band {
    background: var(--bg-secondary);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    text-align: center;
  }
  .cta-band .section-title { margin-bottom: 12px; }
  .cta-band .section-subtitle { margin: 0 auto 36px; text-align: center; }
  .cta-band .btn { font-size: 1rem; padding: 16px 40px; }

  /* ===== FOOTER ===== */
  .site-footer {
    background: #050508;
    border-top: 1px solid var(--border);
    padding: 64px 0 0;
  }
  .footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 48px;
  }
  .footer-brand .logo-text {
    font-size: 1.4rem;
    margin-bottom: 12px;
  }
  .footer-brand p {
    color: var(--text-secondary);
    font-size: 0.9rem;
    margin-bottom: 20px;
    line-height: 1.7;
  }
  .footer-social {
    display: flex;
    gap: 12px;
  }
  .footer-social a {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    transition: all 0.3s;
  }
  .footer-social a:hover {
    background: var(--gold);
    color: #0a0a0f;
    border-color: var(--gold);
  }
  .footer-col h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-primary);
    margin-bottom: 20px;
  }
  .footer-col ul { list-style: none; }
  .footer-col ul li { margin-bottom: 10px; }
  .footer-col ul li a {
    color: var(--text-secondary);
    font-size: 0.9rem;
    transition: color 0.3s;
  }
  .footer-col ul li a:hover { color: var(--gold); }
  .footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--text-secondary);
    font-size: 0.9rem;
  }
  .footer-contact li i {
    color: var(--gold);
    margin-top: 4px;
    width: 16px;
    text-align: center;
  }
  .footer-bottom {
    border-top: 1px solid var(--border);
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
  }
  .footer-bottom p {
    font-size: 0.82rem;
    color: var(--text-muted);
  }
  .footer-bottom-links {
    display: flex;
    gap: 24px;
  }
  .footer-bottom-links a {
    font-size: 0.82rem;
    color: var(--text-muted);
  }
  .footer-bottom-links a:hover { color: var(--gold); }

  /* ===== RESPONSIVE ===== */
  @media (max-width: 900px) {
    .strategy-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .hero-image { display: none; }
    .hero-stats { gap: 24px; flex-wrap: wrap; }
  }
  @media (max-width: 768px) {
    .main-nav { display: none; }
    .mobile-toggle { display: block; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; text-align: center; }
    .hero-stats { flex-direction: column; gap: 16px; }
    .finder-controls { flex-direction: column; }
    .games-grid { grid-template-columns: 1fr; }
  }

  /* ===== ANIMATIONS ===== */
  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .animate-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }
  .animate-in.visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* ===== SCROLLBAR ===== */
  ::-webkit-scrollbar { width: 8px; }
  ::-webkit-scrollbar-track { background: var(--bg-primary); }
  ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
  ::-webkit-scrollbar-thumb:hover { background: var(--gold-dark); }
</style>
</head>
<body>

<!-- ===== HEADER ===== -->
<header class="site-header" id="siteHeader">
  <div class="container header-inner">
    <a href="#" class="logo">
      <img src="https://placehold.co/88x88/141422/d4af37?text=AV&font=oswald" alt="AceVault Logo" class="logo-img">
      <div class="logo-text">Ace<span>Vault</span></div>
    </a>
    <nav class="main-nav" id="mainNav">
      <a href="#home" class="active">Home</a>
      <a href="#strategies">Strategies</a>
      <a href="#games">Game Finder</a>
      <a href="#promotions">Promotions</a>
      <a href="#vip">VIP</a>
      <a href="#reviews">Reviews</a>
      <a href="#help">Help</a>
      <a href="#signup" class="nav-cta">Sign Up</a>
    </nav>
    <button class="mobile-toggle" id="mobileToggle" aria-label="Toggle navigation">
      <i class="fas fa-bars"></i>
    </button>
  </div>
</header>
<div class="mobile-nav" id="mobileNav">
  <a href="#home">Home</a>
  <a href="#strategies">Strategies</a>
  <a href="#games">Game Finder</a>
  <a href="#promotions">Promotions</a>
  <a href="#vip">VIP</a>
  <a href="#reviews">Reviews</a>
  <a href="#help">Help</a>
  <a href="#signup">Sign Up</a>
</div>

<!-- ===== HERO ===== -->
<section class="hero" id="home">
  <div class="hero-bg">
    <img src="https://picsum.photos/1920/1080?random=casino1" alt="Casino atmosphere">
  </div>
  <div class="hero-overlay"></div>
  <div class="hero-glow"></div>
  <div class="container hero-content">
    <div class="hero-badge"><span class="pulse"></span> Live Betting Open Now</div>
    <h1 class="hero-title">Master the <span class="highlight">Game</span>. Own the Table.</h1>
    <p class="hero-desc">AceVault is the definitive resource for serious gamblers and casino enthusiasts. From proven blackjack strategy and roulette systems to in-depth casino reviews and real-time odds analysis — we give you the knowledge and tools to play smarter, not harder.</p>
    <div class="hero-actions">
      <a href="#signup" class="btn btn-gold"><i class="fas fa-play"></i> Start Playing</a>
      <a href="#strategies" class="btn btn-outline"><i class="fas fa-book-open"></i> Explore Guides</a>
    </div>
    <div class="hero-stats">
      <div class="hero-stat">
        <div class="hero-stat-value">12,400+</div>
        <div class="hero-stat-label">Active Players</div>
      </div>
      <div class="hero-stat">
        <div class="hero-stat-value">$8.2M</div>
        <div class="hero-stat-label">Monthly Jackpots</div>
      </div>
      <div class="hero-stat">
        <div class="hero-stat-value">98.7%</div>
        <div class="hero-stat-label">Payout Rate</div>
      </div>
    </div>
  </div>
</section>

<!-- ===== FEATURES ===== -->
<section class="section" id="features">
  <div class="container">
    <div class="text-center animate-in">
      <span class="section-label">Why AceVault</span>
      <h2 class="section-title">Everything You Need to Win</h2>
      <p class="section-subtitle">We combine expert analysis, cutting-edge tools, and a thriving community to give every player a genuine edge — whether you're placing your first bet or chasing a life-changing progressive jackpot.</p>
    </div>
    <div class="features-grid">
      <div class="feature-card animate-in">
        <div class="feature-icon"><i class="fas fa-chart-line"></i></div>
        <h3>Betting Analytics</h3>
        <p>Our proprietary odds engine calculates expected value for every bet across 200+ markets. Understand the house edge, variance, and long-term profitability before you place a single wager. Make decisions backed by data, not gut feeling.</p>
      </div>
      <div class="feature-card animate-in">
        <div class="feature-icon"><i class="fas fa-crown"></i></div>
        <h3>VIP Rewards Program</h3>
        <p>Climb our multi-tier loyalty program to unlock exclusive cashback rates, priority withdrawals, dedicated account managers, and invitations to private tournaments. The higher you rise, the more you earn — simply by playing the games you love.</p>
      </div>
      <div class="feature-card animate-in">
        <div class="feature-icon"><i class="fas fa-shield-halved"></i></div>
        <h3>Responsible Gaming</h3>
        <p>We believe in sustainable play. Set deposit limits, loss caps, and session timers directly from your dashboard. Our self-assessment tools and partnership with certified counselors ensure that entertainment never becomes a problem.</p>
      </div>
      <div class="feature-card animate-in">
        <div class="feature-icon"><i class="fas fa-trophy"></i></div>
        <h3>Daily Jackpots</h3>
        <p>Hit our network of progressive slots and table games for chances to win life-changing sums. With jackpots resetting daily and weekly, there's always a fresh opportunity waiting. Our tracker shows real-time amounts across all partnered casinos.</p>
      </div>
      <div class="feature-card animate-in">
        <div class="feature-icon"><i class="fas fa-book"></i></div>
        <h3>Strategy Library</h3>
        <p>From basic blackjack strategy charts to advanced card counting techniques, our library covers every game in exhaustive detail. Written by professional players and mathematicians, each guide includes worked examples and practice scenarios.</p>
      </div>
      <div class="feature-card animate-in">
        <div class="feature-icon"><i class="fas fa-headset"></i></div>
        <h3>24/7 Expert Support</h3>
        <p>Our support team of gaming specialists is available around the clock via live chat, email, and phone. Whether you need help with a withdrawal, want strategy advice, or have a question about bonus terms, we're here to help instantly.</p>
      </div>
    </div>
  </div>
</section>

<!-- ===== STRATEGY ===== -->
<section class="section" id="strategies">
  <div class="container">
    <div class="strategy-grid">
      <div class="strategy-content animate-in">
        <span class="section-label">Betting Strategy</span>
        <h3>Sharpen Your Edge with Proven Systems</h3>
        <p>Every successful gambler understands that long-term profitability comes from discipline, knowledge, and a sound strategy — not luck alone. At AceVault, we break down the mathematics behind every popular casino game so you can understand exactly where your advantage lies — or where the house edge works against you.</p>
        <p>Our blackjack strategy guides cover everything from basic composition-dependent strategy to advanced shuffle tracking. Learn when to hit, stand, double down, or split based on the dealer's upcard and the true count. Our expected value calculators let you test any scenario before sitting at the table.</p>
        <p>For roulette enthusiasts, we detail the mathematics behind the Martingale, Labouchere, and D'Alembert systems — including their theoretical limitations and the role of variance in short-term results. Understanding that no betting system can overcome the zero (or double zero) edge is the first step toward informed, strategic play.</p>
        <ul class="strategy-list">
          <li><i class="fas fa-check-circle"></i> <strong>Blackjack Basic Strategy</strong> — Reduce the house edge to below 0.5%</li>
          <li><i class="fas fa-check-circle"></i> <strong>Roulette Systems</strong> — Understand variance and expected loss</li>
          <li><i class="fas fa-check-circle"></i> <strong>Poker Odds Calculators</strong> — Make mathematically optimal decisions</li>
          <li><i class="fas fa-check-circle"></i> <strong>Bankroll Management</strong> — Protect your capital for the long run</li>
        </ul>
        <a href="#games" class="btn btn-gold">Explore All Strategies <i class="fas fa-arrow-right"></i></a>
      </div>
      <div class="strategy-image animate-in">
        <img src="https://picsum.photos/600/500?random=casino2" alt="Casino strategy and card games">
      </div>
    </div>
  </div>
</section>

<!-- ===== GAME FINDER ===== -->
<section class="section game-finder" id="games">
  <div class="container">
    <div class="text-center animate-in">
      <span class="section-label">Interactive Tool</span>
      <h2 class="section-title">Find Your Perfect Game</h2>
      <p class="section-subtitle">Not sure where to start? Use our game finder to match your preferences — whether you're looking for high-RTP slots, low-house-edge table games, or jackpot chasers. Filter by type, volatility, and feature to discover games that suit your style.</p>
    </div>
    <div class="finder-controls animate-in">
      <div class="finder-group">
        <label for="filterType">Game Type</label>
        <select id="filterType">
          <option value="all">All Types</option>
          <option value="slots">Slots</option>
          <option value="table">Table Games</option>
          <option value="live">Live Dealer</option>
          <option value="video">Video Poker</option>
          <option value="jackpot">Progressive Jackpot</option>
        </select>
      </div>
      <div class="finder-group">
        <label for="filterVolatility">Volatility</label>
        <select id="filterVolatility">
          <option value="all">All Levels</option>
          <option value="low">Low (Frequent Wins)</option>
          <option value="medium">Medium</option>
          <option value="high">High (Bigger, Rarer Wins)</option>
        </select>
      </div>
      <div class="finder-group">
        <label for="filterRTP">Minimum RTP</label>
        <input type="range" id="filterRTP" min="90" max="99" value="94" step="0.5" style="width:100%;accent-color:var(--gold);margin-top:8px;">
        <div style="display:flex;justify-content:space-between;font-size:0.78rem;color:var(--text-muted);"><span>90%</span><span id="rtpValue">94%</span><span>99%</span></div>
      </div>
      <div class="finder-group">
        <label for="filterSearch">Search</label>
        <input type="text" id="filterSearch" placeholder="Search games...">
      </div>
    </div>
    <div class="games-grid" id="gamesGrid">
      <!-- Populated by JS -->
    </div>
  </div>
</section>

<!-- ===== PROMOTIONS ===== -->
<section class="section" id="promotions">
  <div class="container">
    <div class="text-center animate-in">
      <span class="section-label">Exclusive Offers</span>
      <h2 class="section-title">Current Promotions</h2>
      <p class="section-subtitle">Take advantage of our limited-time offers designed to boost your bankroll and extend your play. Every promotion comes with clear, transparent terms so you always know exactly what you're getting.</p>
    </div>
    <div class="features-grid">
      <div class="feature-card animate-in" style="border-top: 3px solid var(--gold);">
        <div class="feature-icon" style="background: rgba(212,175,55,0.15);"><i class="fas fa-gift"></i></div>
        <h3>Welcome Bonus — 200% Match</h3>
        <p>New players receive a 200% match bonus up to $1,000 on their first deposit. Use code <strong>ACE200</strong> at signup. The bonus carries a 35x wagering requirement on slots and 40x on table games — among the most generous terms in the industry. Bonus funds are released in $25 increments as you complete wagering milestones.</p>
        <a href="#" class="btn btn-gold" style="margin-top:12px;">Claim Now</a>
      </div>
      <div class="feature-card animate-in" style="border-top: 3px solid var(--green);">
        <div class="feature-icon" style="background: rgba(26,122,58,0.15);"><i class="fas fa-rotate"></i></div>
        <h3>Weekly Reload — 50% Up to $500</h3>
        <p>Every Friday, enjoy a 50% reload bonus on any deposit between $20 and $1,000. No promo code needed — it's applied automatically. This promotion runs every week without exception, giving you a consistent boost to your weekend play. Wagering requirement is a reasonable 30x on slots.</p>
        <a href="#" class="btn btn-green" style="margin-top:12px;">Activate Bonus</a>
      </div>
      <div class="feature-card animate-in" style="border-top: 3px solid #8e44ad;">
        <div class="feature-icon" style="background: rgba(142,68,173,0.15);"><i class="fas fa-bolt"></i></div>
        <h3>Cashback Fridays</h3>
        <p>Get 15% of your net losses returned as real cash every Friday. No wagering requirements — what you lose, you get back in your wallet. Capped at $200 per week, this program rewards loyal players and softens the sting of a tough session. Funds are credited within 2 hours of the promotion window closing.</p>
        <a href="#" class="btn btn-outline" style="margin-top:12px; border-color:#8e44ad; color:#8e44ad;">Learn More</a>
      </div>
    </div>
  </div>
</section>

<!-- ===== TESTIMONIALS ===== -->
<section class="section" id="reviews" style="background: var(--bg-secondary);">
  <div class="container">
    <div class="text-center animate-in">
      <span class="section-label">Player Stories</span>
      <h2 class="section-title">What Our Community Says</h2>
      <p class="section-subtitle">Thousands of players trust AceVault for honest reviews, proven strategies, and a fair, transparent gaming environment. Here's what some of our community members have to say about their experience.</p>
    </div>
    <div class="testimonials-grid">
      <div class="testimonial-card animate-in">
        <div class="quote-mark">"</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>
        <blockquote>"AceVault's blackjack strategy guide completely changed how I play. I went from consistently losing to being a break-even player within two months. The expected value breakdowns are crystal clear, and the practice scenarios helped me internalize basic strategy until it became second nature."</blockquote>
        <div class="testimonial-author">
          <img src="https://i.pravatar.cc/88?u=marcus" alt="Marcus T." class="testimonial-avatar">
          <div class="testimonial-author-info">
            <h5>Marcus T.</h5>
            <span>Blackjack Enthusiast, 3 Years</span>
          </div>
        </div>
      </div>
      <div class="testimonial-card animate-in">
        <div class="quote-mark">"</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>
        <blockquote>"The VIP program is genuinely rewarding. I've been at Gold tier for six months and the cashback rates, priority support, and exclusive tournament invitations make a real difference. The withdrawal process is fast and the terms are transparent — no hidden catch."</blockquote>
        <div class="testimonial-author">
          <img src="https://i.pravatar.cc/88?u=priya" alt="Priya K." class="testimonial-avatar">
          <div class="testimonial-author-info">
            <h5>Priya K.</h5>
            <span>Gold VIP Member</span>
          </div>
        </div>
      </div>
      <div class="testimonial-card animate-in">
        <div class="quote-mark">"</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>
        <blockquote>"As a newcomer to online casinos, I was overwhelmed by the choices. The Game Finder tool helped me discover high-RTP slots that matched my low-volatility preference. The responsible gaming tools gave me peace of mind, and the strategy library is genuinely comprehensive. Highly recommended."</blockquote>
        <div class="testimonial-author">
          <img src="https://i.pravatar.cc/88?u=james" alt="James R." class="testimonial-avatar">
          <div class="testimonial-author-info">
            <h5>James R.</h5>
            <span>New Player, 6 Months</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== FAQ ===== -->
<section class="section" id="faq">
  <div class="container">
    <div class="text-center animate-in">
      <span class="section-label">Common Questions</span>
      <h2 class="section-title">Frequently Asked Questions</h2>
      <p class="section-subtitle">We've compiled answers to the most common questions our new and returning players ask. If you need more information, our support team is always ready to help.</p>
    </div>
    <div class="faq-list">
      <div class="faq-item animate-in">
        <div class="faq-question">
          <span>Is online gambling legal in my jurisdiction?</span>
          <i class="fas fa-chevron-down"></i>
        </div>
        <div class="faq-answer">
          <div class="faq-answer-inner">
            <p>Gambling laws vary significantly by country, state, and region. AceVault operates in full compliance with all applicable regulations and only partners with licensed, regulated casinos. Before signing up, we recommend checking your local laws regarding online gambling. Our legal page provides a comprehensive overview of the regulatory landscape in major jurisdictions, and our support team can help clarify specific questions about your location.</p>
          </div>
        </div>
      </div>
      <div class="faq-item animate-in">
        <div class="faq-question">
          <span>How do you ensure fair play and RNG integrity?</span>
          <i class="fas fa-chevron-down"></i>
        </div>
        <div class="faq-answer">
          <div class="faq-answer-inner">
            <p>Every casino we partner with uses certified Random Number Generator (RNG) software that is regularly audited by independent third-party testing laboratories such as eCOGRA, iTech Labs, and GLI. These audits verify that game outcomes are genuinely random and that the published Return-to-Player (RTP) percentages are accurate. We only list casinos that maintain current certifications and have a clean audit history spanning at least two years.</p>
          </div>
        </div>
      </div>
      <div class="faq-item animate-in">
        <div class="faq-question">
          <span>What is the house edge and how does it affect my play?</span>
          <i class="fas fa-chevron-down"></i>
        </div>
        <div class="faq-answer">
          <div class="faq-answer-inner">
            <p>The house edge is the mathematical advantage the casino holds over players on every bet, expressed as a percentage of each wager. For example, European roulette has a house edge of 2.70% due to the single zero, while American roulette with its double zero carries a 5.26% edge. Understanding house edge is crucial for choosing games where the casino's advantage is smallest. Our strategy guides detail the house edge for every game variant and explain how optimal strategy can minimize it further — for instance, using perfect basic strategy in blackjack reduces the house edge to approximately 0.5%.</p>
          </div>
        </div>
      </div>
      <div class="faq-item animate-in">
        <div class="faq-question">
          <span>How do bonus wagering requirements work?</span>
          <i class="fas fa-chevron-down"></i>
        </div>
        <div class="faq-answer">
          <div class="faq-answer-inner">
            <p>Wagering requirements (also called playthrough or rollover requirements) dictate how many times you must bet the bonus amount before you can withdraw any winnings derived from it. For example, a 35x wagering requirement on a $100 bonus means you must place $3,500 in total bets before the bonus and any associated winnings become withdrawable. Different games contribute differently to wagering — slots typically count 100%, while table games may only count 10% or less. Always read the full terms of any promotion before accepting it, and look for bonuses with reasonable requirements and game contributions that align with your preferred play style.</p>
          </div>
        </div>
      </div>
      <div class="faq-item animate-in">
        <div class="faq-question">
          <span>What responsible gaming tools are available?</span>
          <i class="fas fa-chevron-down"></i>
        </div>
        <div class="faq-answer">
          <div class="faq-answer-inner">
            <p>We take responsible gaming seriously and provide a comprehensive suite of tools to help you maintain control. These include customizable deposit limits (daily, weekly, monthly), loss limits that cap your net losses over a set period, session time reminders, and a self-exclusion option ranging from 24 hours to permanent account closure. You can also set reality checks that notify you after specific time intervals. If you or someone you know is struggling with gambling, we provide direct links to organizations such as Gamblers Anonymous, BeGambleAware, and the National Council on Problem Gambling.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===== CTA BAND ===== -->
<section class="section cta-band" id="signup">
  <div class="container animate-in">
    <span class="section-label">Join AceVault Today</span>
    <h2 class="section-title">Ready to Play Smarter?</h2>
    <p class="section-subtitle">Join thousands of players who trust AceVault for honest reviews, expert strategies, and a premium gaming experience. Your edge starts here — sign up now and claim your welcome bonus.</p>
    <a href="#" class="btn btn-gold">Create Free Account <i class="fas fa-arrow-right"></i></a>
  </div>
</section>

<!-- ===== FOOTER ===== -->
<footer class="site-footer">
  <div class="container">
    <div class="footer-grid">
      <div class="footer-brand">
        <div class="logo">
          <img src="https://placehold.co/64x64/141422/d4af37?text=AV&font=oswald" alt="AceVault Logo" class="logo-img" style="width:36px;height:36px;">
          <div class="logo-text">Ace<span>Vault</span></div>
        </div>
        <p>AceVault is the premier online destination for gambling news, casino guides, betting tips, and gaming resources. Our mission is to empower players with knowledge, promote responsible gaming, and connect them with the best casinos in the industry.</p>
        <div class="footer-social">
          <a href="#" aria-label="Twitter"><i class="fab fa-x-twitter"></i></a>
          <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="YouTube"><i class="fab fa-youtube"></i></a>
          <a href="#" aria-label="Telegram"><i class="fab fa-telegram-plane"></i></a>
        </div>
      </div>
      <div class="footer-col">
        <h4>Quick Links</h4>
        <ul>
          <li><a href="#home">Home</a></li>
          <li><a href="#strategies">Strategies</a></li>
          <li><a href="#games">Game Finder</a></li>
          <li><a href="#promotions">Promotions</a></li>
          <li><a href="#vip">VIP Program</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Resources</h4>
        <ul>
          <li><a href="#">Blackjack Guide</a></li>
          <li><a href="#">Roulette Systems</a></li>
          <li><a href="#">Slot Reviews</a></li>
          <li><a href="#">Betting Odds</a></li>
          <li><a href="#">Bankroll Tips</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Contact Us</h4>
        <ul class="footer-contact">
          <li><i class="fas fa-envelope"></i> support@acevault.com</li>
          <li><i class="fas fa-phone"></i> +1 (855) 555-ACEV</li>
          <li><i class="fas fa-clock"></i> 24/7 Live Chat Available</li>
          <li><i class="fas fa-map-marker-alt"></i> 123 Gaming Ave, Suite 400<br>Las Vegas, NV 89101</li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <p>&copy; <span id="currentYear"></span> AceVault. All rights reserved. This is a fictional website created for demonstration purposes. No real gambling services are offered.</p>
      <div class="footer-bottom-links">
        <a href="#">Privacy Policy</a>
        <a href="#">Terms of Service</a>
        <a href="#">Responsible Gaming</a>
        <a href="#">Cookie Policy</a>
      </div>
    </div>
  </div>
</footer>

<!-- ===== JAVASCRIPT ===== -->
<script>
  // ===== Mobile Nav Toggle =====
  const mobileToggle = document.getElementById('mobileToggle');
  const mobileNav = document.getElementById('mobileNav');
  mobileToggle.addEventListener('click', () => {
    mobileNav.classList.toggle('open');
    const icon = mobileToggle.querySelector('i');
    icon.classList.toggle('fa-bars');
    icon.classList.toggle('fa-times');
  });
  // Close mobile nav on link click
  mobileNav.querySelectorAll('a').forEach(link => {
    link.addEventListener('click', () => {
      mobileNav.classList.remove('open');
      mobileToggle.querySelector('i').classList.add('fa-bars');
      mobileToggle.querySelector('i').classList.remove('fa-times');
    });
  });

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

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

  // ===== Scroll Animations =====
  const animateElements = document.querySelectorAll('.animate-in');
  const observer = new IntersectionObserver((entries) => {
    entries.forEach((entry, i) => {
      if (entry.isIntersecting) {
        setTimeout(() => entry.target.classList.add('visible'), i * 80);
        observer.unobserve(entry.target);
      }
    });
  }, { threshold: 0.1 });
  animateElements.forEach(el => observer.observe(el));

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

  // ===== Game Finder Data =====
  const gamesData = [
    { name: "Mega Fortune", type: "jackpot", volatility: "high", rtp: 88.1, img: "https://picsum.photos/400/250?random=slot1", desc: "Progressive jackpot slot with multi-million dollar payouts. Features bonus wheel and free spins." },
    { name: "Starburst", type: "slots", volatility: "low", rtp: 96.1, img: "https://picsum.photos/400/250?random=slot2", desc: "Classic low-volatility slot with expanding wilds and re-spins. Perfect for extended play sessions." },
    { name: "European Roulette", type: "table", volatility: "medium", rtp: 97.3, img: "https://picsum.photos/400/250?random=roulette1", desc: "The classic casino table game with a single zero. House edge of 2.70% makes it one of the fairest games." },
    { name: "Blackjack Classic", type: "table", volatility: "low", rtp: 99.5, img: "https://picsum.photos/400/250?random=blackjack1", desc: "The king of casino table games. With perfect basic strategy, the house edge drops below 0.5%." },
    { name: "Live Blackjack Pro", type: "live", volatility: "low", rtp: 99.2, img: "https://picsum.photos/400/250?random=live1", desc: "Professional dealer blackjack streamed in HD. Multiple camera angles and side bet options included." },
    { name: "Book of Dead", type: "slots", volatility: "high", rtp: 96.2, img: "https://picsum.photos/400/250?random=slot3", desc: "High-volatility adventure slot with expanding symbols during free spins. Massive win potential." },
    { name: "Lightning Roulette", type: "live", volatility: "high", rtp: 97.3, img: "https://picsum.photos/400/250?random=live2", desc: "Electric roulette with lightning multipliers up to 500x. Live dealer with enhanced betting options." },
    { name: "Jacks or Better", type: "video", volatility: "medium", rtp: 99.5, img: "https://picsum.photos/400/250?random=poker1", desc: "Optimal video poker variant with 9/6 paytables. Full pay Jacks or Better offers near-perfect strategy returns." },
    { name: "Divine Fortune", type: "jackpot", volatility: "medium", rtp: 96.6, img: "https://picsum.photos/400/250?random=slot4", desc: "Greek mythology themed progressive slot with falling wilds and three progressive jackpots." },
    { name: "Baccarat VIP", type: "live", volatility: "low", rtp: 98.9, img: "https://picsum.photos/400/250?random=live3", desc: "Premium live baccarat with high limits and exclusive tables. The lowest house edge of any casino game." },
    { name: "Gonzo's Quest", type: "slots", volatility: "medium", rtp: 96.0, img: "https://picsum.photos/400/250?random=slot5", desc: "Pioneering avalanche slot with increasing multipliers. Cascading reels create consecutive win potential." },
    { name: "Three Card Poker", type: "table", volatility: "medium", rtp: 97.9, img: "https://picsum.photos/400/250?random=poker2", desc: "Fast-paced poker variant with ante-play and pair-plus bets. Simple rules with strategic depth." }
  ];

  function renderGames(filterType, filterVolatility, minRTP, searchTerm) {
    const grid = document.getElementById('gamesGrid');
    const filtered = gamesData.filter(game => {
      const matchType = filterType === 'all' || game.type === filterType;
      const matchVol = filterVolatility === 'all' || game.volatility === filterVolatility;
      const matchRTP = game.rtp >= minRTP;
      const matchSearch = !searchTerm || game.name.toLowerCase().includes(searchTerm.toLowerCase()) || game.desc.toLowerCase().includes(searchTerm.toLowerCase());
      return matchType && matchVol && matchRTP && matchSearch;
    });

    if (filtered.length === 0) {
      grid.innerHTML = '<div class="no-results"><i class="fas fa-search" style="font-size:2rem;margin-bottom:12px;display:block;"></i>No games match your filters. Try adjusting your criteria.</div>';
      return;
    }

    grid.innerHTML = filtered.map(game => `
      <div class="game-card">
        <img src="${game.img}" alt="${game.name}" class="game-card-img" loading="lazy">
        <div class="game-card-body">
          <div class="game-type">${game.type.charAt(0).toUpperCase() + game.type.slice(1)}</div>
          <h4>${game.name}</h4>
          <p>${game.desc}</p>
          <div class="game-meta">
            <span class="game-rtp">RTP: <strong>${game.rtp}%</strong></span>
            <a href="#" class="btn btn-gold" style="font-size:0.75rem;padding:8px 16px;">Play Now</a>
          </div>
        </div>
      </div>
    `).join('');
  }

  // Initialize
  renderGames('all', 'all', 94, '');

  // Filter events
  document.getElementById('filterType').addEventListener('change', applyFilters);
  document.getElementById('filterVolatility').addEventListener('change', applyFilters);
  document.getElementById('filterRTP').addEventListener('input', function() {
    document.getElementById('rtpValue').textContent = this.value + '%';
    applyFilters();
  });
  document.getElementById('filterSearch').addEventListener('input', applyFilters);

  function applyFilters() {
    const type = document.getElementById('filterType').value;
    const vol = document.getElementById('filterVolatility').value;
    const rtp = parseFloat(document.getElementById('filterRTP').value);
    const search = document.getElementById('filterSearch').value;
    renderGames(type, vol, rtp, search);
  }

  // ===== Set Current Year =====
  document.getElementById('currentYear').textContent = new Date().getFullYear();
</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:20.216Z",
  "url": "https://benchmark.aimac.invalid/2c17ae9f88bc63732fb3cfa34a8885714a88bba46bdfe08e87d07192ec224ae1.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": "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": []
    },
    {
      "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": "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": "<a href=\"#\" aria-label=\"Twitter\"><i class=\"fab fa-x-twitter\"></i></a>",
          "target": [
            "a[aria-label=\"Twitter\"]"
          ]
        }
      ]
    },
    {
      "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": "<a href=\"#\" aria-label=\"Twitter\"><i class=\"fab fa-x-twitter\"></i></a>",
          "target": [
            "a[aria-label=\"Twitter\"]"
          ]
        }
      ]
    },
    {
      "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": "<a href=\"#\" aria-label=\"Twitter\"><i class=\"fab fa-x-twitter\"></i></a>",
          "target": [
            "a[aria-label=\"Twitter\"]"
          ]
        }
      ]
    },
    {
      "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": "<a href=\"#\" aria-label=\"Twitter\"><i class=\"fab fa-x-twitter\"></i></a>",
          "target": [
            "a[aria-label=\"Twitter\"]"
          ]
        }
      ]
    },
    {
      "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": "<a href=\"#\" aria-label=\"Twitter\"><i class=\"fab fa-x-twitter\"></i></a>",
          "target": [
            "a[aria-label=\"Twitter\"]"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"btn btn-gold\" style=\"font-size:0.75rem;padding:8px 16px;\">Play Now</a>",
          "target": [
            ".game-card:nth-child(1) > .game-card-body > .game-meta > .btn-gold.btn[href=\"#\"]"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1 class=\"hero-title\">Master the <span class=\"highlight\">Game</span>. Own the Table.</h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Everything You Need to Win</h2>",
                  "target": [
                    "#features > .container > .text-center.animate-in > h2"
                  ]
                },
                {
                  "html": "<h3>Betting Analytics</h3>",
                  "target": [
                    "#features > .container > .features-grid > .feature-card.animate-in:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>VIP Rewards Program</h3>",
                  "target": [
                    "#features > .container > .features-grid > .feature-card.animate-in:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Responsible Gaming</h3>",
                  "target": [
                    "#features > .container > .features-grid > .feature-card.animate-in:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Daily Jackpots</h3>",
                  "target": [
                    ".feature-card.animate-in:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h3>Strategy Library</h3>",
                  "target": [
                    ".feature-card.animate-in:nth-child(5) > h3"
                  ]
                },
                {
                  "html": "<h3>24/7 Expert Support</h3>",
                  "target": [
                    ".feature-card.animate-in:nth-child(6) > h3"
                  ]
                },
                {
                  "html": "<h3>Sharpen Your Edge with Proven Systems</h3>",
                  "target": [
                    ".strategy-content > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Find Your Perfect Game</h2>",
                  "target": [
                    "#games > .container > .text-center.animate-in > h2"
                  ]
                },
                {
                  "html": "<h4>Starburst</h4>",
                  "target": [
                    ".game-card:nth-child(1) > .game-card-body > h4"
                  ]
                },
                {
                  "html": "<h4>European Roulette</h4>",
                  "target": [
                    ".game-card:nth-child(2) > .game-card-body > h4"
                  ]
                },
                {
                  "html": "<h4>Blackjack Classic</h4>",
                  "target": [
                    ".game-card:nth-child(3) > .game-card-body > h4"
                  ]
                },
                {
                  "html": "<h4>Live Blackjack Pro</h4>",
                  "target": [
                    ".game-card:nth-child(4) > .game-card-body > h4"
                  ]
                },
                {
                  "html": "<h4>Book of Dead</h4>",
                  "target": [
                    ".game-card:nth-child(5) > .game-card-body > h4"
                  ]
                },
                {
                  "html": "<h4>Lightning Roulette</h4>",
                  "target": [
                    ".game-card:nth-child(6) > .game-card-body > h4"
                  ]
                },
                {
                  "html": "<h4>Jacks or Better</h4>",
                  "target": [
                    ".game-card:nth-child(7) > .game-card-body > h4"
                  ]
                },
                {
                  "html": "<h4>Divine Fortune</h4>",
                  "target": [
                    ".game-card:nth-child(8) > .game-card-body > h4"
                  ]
                },
                {
                  "html": "<h4>Baccarat VIP</h4>",
                  "target": [
                    ".game-card:nth-child(9) > .game-card-body > h4"
                  ]
                },
                {
                  "html": "<h4>Gonzo's Quest</h4>",
                  "target": [
                    ".game-card:nth-child(10) > .game-card-body > h4"
                  ]
                },
                {
                  "html": "<h4>Three Card Poker</h4>",
                  "target": [
                    ".game-card:nth-child(11) > .game-card-body > h4"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Current Promotions</h2>",
                  "target": [
                    "#promotions > .container > .text-center.animate-in > h2"
                  ]
                },
                {
                  "html": "<h3>Welcome Bonus \u2014 200% Match</h3>",
                  "target": [
                    "#promotions > .container > .features-grid > .feature-card.animate-in:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Weekly Reload \u2014 50% Up to $500</h3>",
                  "target": [
                    "#promotions > .container > .features-grid > .feature-card.animate-in:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Cashback Fridays</h3>",
                  "target": [
                    "#promotions > .container > .features-grid > .feature-card.animate-in:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">What Our Community Says</h2>",
                  "target": [
                    "#reviews > .container > .text-center.animate-in > h2"
                  ]
                },
                {
                  "html": "<h5>Marcus T.</h5>",
                  "target": [
                    ".testimonial-card.animate-in:nth-child(1) > .testimonial-author > .testimonial-author-info > h5"
                  ]
                },
                {
                  "html": "<h5>Priya K.</h5>",
                  "target": [
                    ".testimonial-card.animate-in:nth-child(2) > .testimonial-author > .testimonial-author-info > h5"
                  ]
                },
                {
                  "html": "<h5>James R.</h5>",
                  "target": [
                    ".testimonial-card.animate-in:nth-child(3) > .testimonial-author > .testimonial-author-info > h5"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Frequently Asked Questions</h2>",
                  "target": [
                    "#faq > .container > .text-center.animate-in > h2"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Ready to Play Smarter?</h2>",
                  "target": [
                    ".container.animate-in > h2"
                  ]
                },
                {
                  "html": "<h4>Quick Links</h4>",
                  "target": [
                    ".footer-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Resources</h4>",
                  "target": [
                    ".footer-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Contact Us</h4>",
                  "target": [
                    ".footer-col:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "messageKey": "hidden"
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is hidden"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<select id=\"filterType\">",
          "target": [
            "#filterType"
          ]
        }
      ]
    },
    {
      "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": "filterType",
              "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=\"filterType\">",
          "target": [
            "#filterType"
          ]
        }
      ]
    },
    {
      "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=\"filterType\">Game Type</label>",
                  "target": [
                    "label[for=\"filterType\"]"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<select id=\"filterType\">",
          "target": [
            "#filterType"
          ]
        }
      ]
    },
    {
      "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/88x88/141422/d4af37?text=AV&amp;font=oswald\" alt=\"AceVault Logo\" class=\"logo-img\">",
          "target": [
            ".logo[href=\"#\"] > .logo-img[alt=\"AceVault 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=\"filterRTP\">Minimum RTP</label>",
                  "target": [
                    "label[for=\"filterRTP\"]"
                  ]
                }
              ],
              "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": "<input type=\"range\" id=\"filterRTP\" min=\"90\" max=\"99\" value=\"94\" step=\"0.5\" style=\"width:100%;accent-color:var(--gold);margin-top:8px;\">",
          "target": [
            "#filterRTP"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo\">\n      <img src=\"https://placehold.co/88x88/141422/d4af37?text=AV&amp;font=oswald\" alt=\"AceVault Logo\" class=\"logo-img\">\n      <div class=\"logo-text\">Ace<span>Vault</span></div>\n    </a>",
          "target": [
            ".logo[href=\"#\"]"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul class=\"strategy-list\">",
          "target": [
            ".strategy-list"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><i class=\"fas fa-check-circle\"></i> <strong>Blackjack Basic Strategy</strong> \u2014 Reduce the house edge to below 0.5%</li>",
          "target": [
            ".strategy-list > li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/88x88/141422/d4af37?text=AV&amp;font=oswald\" alt=\"AceVault Logo\" class=\"logo-img\">",
          "target": [
            ".logo[href=\"#\"] > .logo-img[alt=\"AceVault 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=\"filterType\">Game Type</label>",
                  "target": [
                    "label[for=\"filterType\"]"
                  ]
                }
              ],
              "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=\"filterType\">",
          "target": [
            "#filterType"
          ]
        }
      ]
    },
    {
      "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": 156.7,
                "height": 44
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (156.7px by 44px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo\">\n      <img src=\"https://placehold.co/88x88/141422/d4af37?text=AV&amp;font=oswald\" alt=\"AceVault Logo\" class=\"logo-img\">\n      <div class=\"logo-text\">Ace<span>Vault</span></div>\n    </a>",
          "target": [
            ".logo[href=\"#\"]"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "19.2pt (25.6px)",
                "fontWeight": "bold",
                "messageKey": "imgNode",
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"site-header\" id=\"siteHeader\">",
                  "target": [
                    "#siteHeader"
                  ]
                },
                {
                  "html": "<img src=\"https://picsum.photos/1920/1080?random=casino1\" alt=\"Casino atmosphere\">",
                  "target": [
                    "img[alt=\"Casino atmosphere\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined because element contains an image node"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"logo-text\">Ace<span>Vault</span></div>",
          "target": [
            ".logo[href=\"#\"] > .logo-text"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because element contains an image node"
        }
      ]
    }
  ],
  "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": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"game-rtp\">RTP: <strong>96.1%</strong></span>",
          "target": [
            ".game-card:nth-child(1) > .game-card-body > .game-meta > .game-rtp"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a7a3a",
                "bgColor": "#141422",
                "contrastRatio": 3.37,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>96.1%</strong>",
          "target": [
            ".game-card:nth-child(1) > .game-card-body > .game-meta > .game-rtp > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"game-rtp\">RTP: <strong>97.3%</strong></span>",
          "target": [
            ".game-card:nth-child(2) > .game-card-body > .game-meta > .game-rtp"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a7a3a",
                "bgColor": "#141422",
                "contrastRatio": 3.37,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>97.3%</strong>",
          "target": [
            ".game-card:nth-child(2) > .game-card-body > .game-meta > .game-rtp > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"game-rtp\">RTP: <strong>99.5%</strong></span>",
          "target": [
            ".game-card:nth-child(3) > .game-card-body > .game-meta > .game-rtp"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a7a3a",
                "bgColor": "#141422",
                "contrastRatio": 3.37,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>99.5%</strong>",
          "target": [
            ".game-card:nth-child(3) > .game-card-body > .game-meta > .game-rtp > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"game-rtp\">RTP: <strong>99.2%</strong></span>",
          "target": [
            ".game-card:nth-child(4) > .game-card-body > .game-meta > .game-rtp"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a7a3a",
                "bgColor": "#141422",
                "contrastRatio": 3.37,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>99.2%</strong>",
          "target": [
            ".game-card:nth-child(4) > .game-card-body > .game-meta > .game-rtp > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"game-rtp\">RTP: <strong>96.2%</strong></span>",
          "target": [
            ".game-card:nth-child(5) > .game-card-body > .game-meta > .game-rtp"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a7a3a",
                "bgColor": "#141422",
                "contrastRatio": 3.37,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>96.2%</strong>",
          "target": [
            ".game-card:nth-child(5) > .game-card-body > .game-meta > .game-rtp > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"game-rtp\">RTP: <strong>97.3%</strong></span>",
          "target": [
            ".game-card:nth-child(6) > .game-card-body > .game-meta > .game-rtp"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a7a3a",
                "bgColor": "#141422",
                "contrastRatio": 3.37,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>97.3%</strong>",
          "target": [
            ".game-card:nth-child(6) > .game-card-body > .game-meta > .game-rtp > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(7)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"game-rtp\">RTP: <strong>99.5%</strong></span>",
          "target": [
            ".game-card:nth-child(7) > .game-card-body > .game-meta > .game-rtp"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a7a3a",
                "bgColor": "#141422",
                "contrastRatio": 3.37,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(7)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>99.5%</strong>",
          "target": [
            ".game-card:nth-child(7) > .game-card-body > .game-meta > .game-rtp > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(8)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"game-rtp\">RTP: <strong>96.6%</strong></span>",
          "target": [
            ".game-card:nth-child(8) > .game-card-body > .game-meta > .game-rtp"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a7a3a",
                "bgColor": "#141422",
                "contrastRatio": 3.37,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(8)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>96.6%</strong>",
          "target": [
            ".game-card:nth-child(8) > .game-card-body > .game-meta > .game-rtp > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(9)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"game-rtp\">RTP: <strong>98.9%</strong></span>",
          "target": [
            ".game-card:nth-child(9) > .game-card-body > .game-meta > .game-rtp"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a7a3a",
                "bgColor": "#141422",
                "contrastRatio": 3.37,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(9)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>98.9%</strong>",
          "target": [
            ".game-card:nth-child(9) > .game-card-body > .game-meta > .game-rtp > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(10)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"game-rtp\">RTP: <strong>96%</strong></span>",
          "target": [
            ".game-card:nth-child(10) > .game-card-body > .game-meta > .game-rtp"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a7a3a",
                "bgColor": "#141422",
                "contrastRatio": 3.37,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(10)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>96%</strong>",
          "target": [
            ".game-card:nth-child(10) > .game-card-body > .game-meta > .game-rtp > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(11)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"game-rtp\">RTP: <strong>97.9%</strong></span>",
          "target": [
            ".game-card:nth-child(11) > .game-card-body > .game-meta > .game-rtp"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a7a3a",
                "bgColor": "#141422",
                "contrastRatio": 3.37,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"game-card\">",
                  "target": [
                    ".game-card:nth-child(11)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>97.9%</strong>",
          "target": [
            ".game-card:nth-child(11) > .game-card-body > .game-meta > .game-rtp > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.37 (foreground color: #1a7a3a, background color: #141422, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#050508",
                "contrastRatio": 3.86,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.86 (foreground color: #6a6a80, background color: #050508, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>\u00a9 <span id=\"currentYear\">2026</span> AceVault. All rights reserved. This is a fictional website created for demonstration purposes. No real gambling services are offered.</p>",
          "target": [
            ".footer-bottom > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.86 (foreground color: #6a6a80, background color: #050508, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#050508",
                "contrastRatio": 3.86,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.86 (foreground color: #6a6a80, background color: #050508, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span id=\"currentYear\">2026</span>",
          "target": [
            "#currentYear"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.86 (foreground color: #6a6a80, background color: #050508, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#050508",
                "contrastRatio": 3.86,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.86 (foreground color: #6a6a80, background color: #050508, 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.86 (foreground color: #6a6a80, background color: #050508, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#050508",
                "contrastRatio": 3.86,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.86 (foreground color: #6a6a80, background color: #050508, 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.86 (foreground color: #6a6a80, background color: #050508, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#050508",
                "contrastRatio": 3.86,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.86 (foreground color: #6a6a80, background color: #050508, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Responsible Gaming</a>",
          "target": [
            ".footer-bottom-links > a[href=\"#\"]:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.86 (foreground color: #6a6a80, background color: #050508, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#050508",
                "contrastRatio": 3.86,
                "fontSize": "9.8pt (13.12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.86 (foreground color: #6a6a80, background color: #050508, 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(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.86 (foreground color: #6a6a80, background color: #050508, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#0f0f1a",
                "contrastRatio": 3.61,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section game-finder\" id=\"games\">",
                  "target": [
                    "#games"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.61 (foreground color: #6a6a80, background color: #0f0f1a, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>90%</span>",
          "target": [
            ".finder-group:nth-child(3) > div > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.61 (foreground color: #6a6a80, background color: #0f0f1a, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#0f0f1a",
                "contrastRatio": 3.61,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section game-finder\" id=\"games\">",
                  "target": [
                    "#games"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.61 (foreground color: #6a6a80, background color: #0f0f1a, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span id=\"rtpValue\">94%</span>",
          "target": [
            "#rtpValue"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.61 (foreground color: #6a6a80, background color: #0f0f1a, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#0f0f1a",
                "contrastRatio": 3.61,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section game-finder\" id=\"games\">",
                  "target": [
                    "#games"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.61 (foreground color: #6a6a80, background color: #0f0f1a, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>99%</span>",
          "target": [
            "span:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.61 (foreground color: #6a6a80, background color: #0f0f1a, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8741a5",
                "bgColor": "#131321",
                "contrastRatio": 2.91,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"feature-card animate-in visible\" style=\"border-top: 3px solid #8e44ad;\">",
                  "target": [
                    "#promotions > .container > .features-grid > .feature-card.visible.animate-in:nth-child(3)"
                  ]
                },
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.91 (foreground color: #8741a5, background color: #131321, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"btn btn-outline\" style=\"margin-top:12px; border-color:#8e44ad; color:#8e44ad;\">Learn More</a>",
          "target": [
            ".btn-outline.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.91 (foreground color: #8741a5, background color: #131321, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card animate-in visible\">",
                  "target": [
                    ".testimonial-card.visible.animate-in:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Blackjack Enthusiast, 3 Years</span>",
          "target": [
            ".testimonial-card.visible.animate-in:nth-child(1) > .testimonial-author > .testimonial-author-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card animate-in visible\">",
                  "target": [
                    ".testimonial-card.visible.animate-in:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Gold VIP Member</span>",
          "target": [
            ".testimonial-card.visible.animate-in:nth-child(2) > .testimonial-author > .testimonial-author-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card animate-in visible\">",
                  "target": [
                    ".testimonial-card.visible.animate-in:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>New Player, 6 Months</span>",
          "target": [
            ".testimonial-card.visible.animate-in:nth-child(3) > .testimonial-author > .testimonial-author-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card animate-in visible\">",
                  "target": [
                    ".testimonial-card.animate-in.visible:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Blackjack Enthusiast, 3 Years</span>",
          "target": [
            ".testimonial-card.animate-in.visible:nth-child(1) > .testimonial-author > .testimonial-author-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card animate-in visible\">",
                  "target": [
                    ".testimonial-card.animate-in.visible:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Gold VIP Member</span>",
          "target": [
            ".testimonial-card.animate-in.visible:nth-child(2) > .testimonial-author > .testimonial-author-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6a6a80",
                "bgColor": "#141422",
                "contrastRatio": 3.45,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card animate-in visible\">",
                  "target": [
                    ".testimonial-card.animate-in.visible:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>New Player, 6 Months</span>",
          "target": [
            ".testimonial-card.animate-in.visible:nth-child(3) > .testimonial-author > .testimonial-author-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.45 (foreground color: #6a6a80, background color: #141422, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 8241
      },
      {
        "y": 576,
        "height": 8241
      },
      {
        "y": 1152,
        "height": 8241
      },
      {
        "y": 1728,
        "height": 8241
      },
      {
        "y": 2304,
        "height": 8241
      },
      {
        "y": 2880,
        "height": 8241
      },
      {
        "y": 3456,
        "height": 8241
      },
      {
        "y": 4032,
        "height": 8241
      },
      {
        "y": 4608,
        "height": 8241
      },
      {
        "y": 5184,
        "height": 8241
      },
      {
        "y": 5760,
        "height": 8241
      },
      {
        "y": 6336,
        "height": 8241
      },
      {
        "y": 6912,
        "height": 8241
      },
      {
        "y": 7488,
        "height": 8241
      },
      {
        "y": 7521,
        "height": 8241
      }
    ],
    "scans": 16,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Gambling/Casinos" 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: "Gambling/Casinos"
- Description: Gambling news, casino guides, betting tips, and gaming resources.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Gambling/Casinos" 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: "Promotions", "VIP", "Help".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Gambling/Casinos" category. Consider themes similar to: "Betting Basics", "Jackpot Winners", "Strategy Tips".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "blackjack strategy", "house edge", "expected value".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Sign Up", "Set Limits", "Read Rules".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Gambling/Casinos" sector. Ideas similar but not limited to: "game finder".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "strategy guides", "casino reviews", "bonus offers".
-   **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.