Google Gemini 4 Argon – Science

via Google · Generated

  • AIMAC Debt 13.89
  • Cost $0.15
  • Total Violations 29
  • HTML Size 59 KB
  • Em Dashes 0

Screenshot

View Google Gemini 4 Argon Science page View Live Page

Accessibility Issues Found

2 Critical 27 Serious

  • color-contrast serious 27 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <a href="#highlights" class="btn btn-primary">Explore Discoveries</a>
  • select-name critical 2 instances

    Select element must have an accessible name

    Example HTML <select id="disciplineFilter" class="filter-select">

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>Aetheris Institute | Advancing the Frontiers of Empirical Discovery</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <style>
        :root {
            --primary: #0a192f;
            --primary-light: #112240;
            --secondary: #00b4d8;
            --accent: #64ffda;
            --text-main: #334155;
            --text-light: #64748b;
            --text-white: #f8fafc;
            --bg-light: #f8fafc;
            --bg-white: #ffffff;
            --border: #e2e8f0;
            --shadow-sm: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
            --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            --radius: 8px;
            --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

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

        body {
            font-family: 'Inter', sans-serif;
            color: var(--text-main);
            background-color: var(--bg-light);
            line-height: 1.6;
            overflow-x: hidden;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Space Grotesk', sans-serif;
            color: var(--primary);
            line-height: 1.2;
            margin-bottom: 1rem;
        }

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

        p {
            margin-bottom: 1.25rem;
        }

        .container {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 2rem;
        }

        .btn {
            display: inline-block;
            padding: 0.75rem 1.5rem;
            border-radius: var(--radius);
            font-weight: 600;
            text-align: center;
            cursor: pointer;
            transition: var(--transition);
            border: none;
            font-size: 0.95rem;
        }

        .btn-primary {
            background-color: var(--secondary);
            color: var(--bg-white);
        }

        .btn-primary:hover {
            background-color: #0096c7;
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
        }

        .btn-outline {
            background-color: transparent;
            border: 2px solid var(--secondary);
            color: var(--secondary);
        }

        .btn-outline:hover {
            background-color: var(--secondary);
            color: var(--bg-white);
        }

        .btn-accent {
            background-color: var(--accent);
            color: var(--primary);
        }

        .btn-accent:hover {
            background-color: #4cd6b3;
            transform: translateY(-2px);
        }

        /* Header & Navigation */
        header {
            background-color: var(--primary);
            color: var(--text-white);
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: var(--shadow-md);
        }

        .top-bar {
            background-color: #060f1d;
            padding: 0.5rem 0;
            font-size: 0.8rem;
            color: #94a3b8;
        }

        .top-bar-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .tagline {
            font-style: italic;
        }

        .nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 2rem;
            max-width: 1280px;
            margin: 0 auto;
        }

        .brand {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .brand img {
            border-radius: 4px;
        }

        .brand-name {
            font-family: 'Space Grotesk', sans-serif;
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-white);
            letter-spacing: -0.5px;
        }

        nav ul {
            display: flex;
            list-style: none;
            gap: 2rem;
            align-items: center;
        }

        nav a {
            color: var(--text-white);
            font-weight: 500;
            font-size: 0.95rem;
            position: relative;
        }

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

        nav a::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: var(--accent);
            transition: var(--transition);
        }

        nav a:hover::after {
            width: 100%;
        }

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

        /* Hero Section */
        .hero {
            background: linear-gradient(135deg, rgba(10, 25, 47, 0.9) 0%, rgba(17, 34, 64, 0.85) 100%), url('https://picsum.photos/1920/1080?grayscale&blur=2') center/cover no-repeat;
            color: var(--text-white);
            padding: 6rem 0;
            position: relative;
        }

        .hero-grid {
            display: grid;
            grid-template-columns: 1.2fr 0.8fr;
            gap: 4rem;
            align-items: center;
        }

        .hero-badge {
            display: inline-block;
            background-color: rgba(100, 255, 218, 0.1);
            color: var(--accent);
            padding: 0.25rem 0.75rem;
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 600;
            margin-bottom: 1.5rem;
            border: 1px solid rgba(100, 255, 218, 0.3);
        }

        .hero h1 {
            color: var(--text-white);
            font-size: 3.5rem;
            margin-bottom: 1.5rem;
            line-height: 1.1;
        }

        .hero p {
            font-size: 1.15rem;
            color: #cbd5e1;
            margin-bottom: 2rem;
        }

        .hero-ctas {
            display: flex;
            gap: 1rem;
        }

        .hero-stats {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: var(--radius);
            padding: 2rem;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
        }

        .stat-item h3 {
            color: var(--accent);
            font-size: 2.5rem;
            margin-bottom: 0.25rem;
        }

        .stat-item p {
            color: #94a3b8;
            font-size: 0.9rem;
            margin: 0;
        }

        /* Layout Structure */
        .page-layout {
            display: grid;
            grid-template-columns: 1fr 350px;
            gap: 3rem;
            margin-top: 4rem;
            margin-bottom: 4rem;
        }

        .main-content {
            display: flex;
            flex-direction: column;
            gap: 5rem;
        }

        .section-header {
            margin-bottom: 2.5rem;
        }

        .section-subtitle {
            color: var(--secondary);
            text-transform: uppercase;
            font-weight: 700;
            font-size: 0.85rem;
            letter-spacing: 1.5px;
            margin-bottom: 0.5rem;
            display: block;
        }

        .section-title {
            font-size: 2.25rem;
            position: relative;
            padding-bottom: 1rem;
        }

        .section-title::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 60px;
            height: 4px;
            background-color: var(--secondary);
            border-radius: 2px;
        }

        /* Section 1: Lab Highlights */
        .highlight-card {
            background: var(--bg-white);
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: var(--shadow-md);
            margin-bottom: 2rem;
            display: grid;
            grid-template-columns: 350px 1fr;
            transition: var(--transition);
        }

        .highlight-card:hover {
            box-shadow: var(--shadow-lg);
            transform: translateY(-3px);
        }

        .highlight-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .highlight-content {
            padding: 2rem;
        }

        .meta-tags {
            display: flex;
            gap: 0.5rem;
            margin-bottom: 1rem;
        }

        .tag {
            background: #e0f2fe;
            color: #0369a1;
            font-size: 0.75rem;
            padding: 0.25rem 0.6rem;
            border-radius: 4px;
            font-weight: 600;
        }

        /* Section 2: Interactive Funding Tracker */
        .tracker-container {
            background: var(--bg-white);
            border-radius: var(--radius);
            padding: 2.5rem;
            box-shadow: var(--shadow-md);
            border-top: 4px solid var(--secondary);
        }

        .tracker-controls {
            display: flex;
            gap: 1rem;
            margin-bottom: 2rem;
            flex-wrap: wrap;
        }

        .search-input, .filter-select {
            padding: 0.75rem 1rem;
            border: 1px solid var(--border);
            border-radius: var(--radius);
            font-family: inherit;
            font-size: 0.95rem;
        }

        .search-input {
            flex: 1;
            min-width: 200px;
        }

        .grant-list {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .grant-item {
            border: 1px solid var(--border);
            border-radius: var(--radius);
            padding: 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: var(--transition);
            background: var(--bg-light);
        }

        .grant-item:hover {
            border-color: var(--secondary);
            background: var(--bg-white);
        }

        .grant-info h4 {
            margin-bottom: 0.5rem;
            color: var(--primary);
        }

        .grant-meta {
            display: flex;
            gap: 1.5rem;
            font-size: 0.85rem;
            color: var(--text-light);
        }

        .grant-meta span {
            display: flex;
            align-items: center;
            gap: 0.4rem;
        }

        .grant-amount {
            font-family: 'Space Grotesk', sans-serif;
            font-size: 1.25rem;
            font-weight: 700;
            color: #0f766e;
            margin-bottom: 0.5rem;
            text-align: right;
        }

        /* Section 3: Data & Analysis */
        .data-showcase {
            background: var(--primary);
            color: var(--text-white);
            border-radius: var(--radius);
            padding: 3rem;
            position: relative;
            overflow: hidden;
        }

        .data-showcase h3, .data-showcase h4 {
            color: var(--text-white);
        }

        .data-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin-top: 2rem;
            align-items: center;
        }

        .data-visual {
            background: var(--primary-light);
            padding: 1.5rem;
            border-radius: var(--radius);
            border: 1px solid rgba(255,255,255,0.1);
        }

        /* Section 4: Educational Programs */
        .programs-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
        }

        .program-card {
            background: var(--bg-white);
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: var(--shadow-sm);
            border: 1px solid var(--border);
            display: flex;
            flex-direction: column;
        }

        .program-card img {
            width: 100%;
            height: 180px;
            object-fit: cover;
        }

        .program-body {
            padding: 1.5rem;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .program-body p {
            font-size: 0.95rem;
            flex: 1;
        }

        /* FAQ Accordion (Modern Web Pattern) */
        .faq-item {
            background: var(--bg-white);
            border: 1px solid var(--border);
            border-radius: var(--radius);
            margin-bottom: 1rem;
            overflow: hidden;
        }

        .faq-question {
            width: 100%;
            text-align: left;
            padding: 1.25rem 1.5rem;
            background: none;
            border: none;
            font-family: 'Space Grotesk', sans-serif;
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--primary);
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .faq-question:hover {
            background: var(--bg-light);
        }

        .faq-answer {
            padding: 0 1.5rem;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, padding 0.3s ease;
            color: var(--text-light);
        }

        .faq-item.active .faq-answer {
            padding: 0 1.5rem 1.25rem 1.5rem;
            max-height: 500px;
        }

        .faq-item.active .fa-chevron-down {
            transform: rotate(180deg);
        }

        .fa-chevron-down {
            transition: transform 0.3s ease;
        }

        /* Sidebar */
        .sidebar {
            display: flex;
            flex-direction: column;
            gap: 2.5rem;
        }

        .widget {
            background: var(--bg-white);
            border-radius: var(--radius);
            padding: 1.75rem;
            box-shadow: var(--shadow-sm);
            border: 1px solid var(--border);
        }

        .widget-title {
            font-size: 1.25rem;
            border-bottom: 2px solid var(--border);
            padding-bottom: 0.75rem;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .widget-title i {
            color: var(--secondary);
        }

        /* Scientist Profile Widget */
        .profile-card {
            text-align: center;
        }

        .profile-avatar {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin: 0 auto 1rem;
            border: 3px solid var(--secondary);
            padding: 2px;
        }

        .profile-name {
            font-size: 1.1rem;
            margin-bottom: 0.25rem;
        }

        .profile-role {
            color: var(--secondary);
            font-size: 0.85rem;
            font-weight: 600;
            margin-bottom: 1rem;
        }

        .profile-bio {
            font-size: 0.9rem;
            color: var(--text-light);
            margin-bottom: 1rem;
        }

        /* Data Releases Widget */
        .release-list {
            list-style: none;
        }

        .release-item {
            padding: 0.75rem 0;
            border-bottom: 1px solid var(--border);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .release-item:last-child {
            border-bottom: none;
        }

        .release-info h5 {
            margin-bottom: 0.2rem;
            font-size: 0.95rem;
        }

        .release-info span {
            font-size: 0.75rem;
            color: var(--text-light);
            font-family: monospace;
        }

        .download-btn {
            color: var(--secondary);
            background: #e0f2fe;
            width: 32px;
            height: 32px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .download-btn:hover {
            background: var(--secondary);
            color: var(--bg-white);
        }

        /* Lectures Widget */
        .event-item {
            display: flex;
            gap: 1rem;
            margin-bottom: 1.25rem;
        }

        .event-item:last-child {
            margin-bottom: 0;
        }

        .event-date {
            background: var(--primary);
            color: var(--text-white);
            border-radius: var(--radius);
            min-width: 60px;
            height: 60px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-family: 'Space Grotesk', sans-serif;
        }

        .event-date .month {
            font-size: 0.7rem;
            text-transform: uppercase;
            color: var(--accent);
        }

        .event-date .day {
            font-size: 1.25rem;
            font-weight: 700;
        }

        .event-details h5 {
            font-size: 0.95rem;
            margin-bottom: 0.25rem;
        }

        .event-details p {
            font-size: 0.8rem;
            color: var(--text-light);
            margin: 0;
        }

        /* Testimonials / Endorsements */
        .endorsements {
            background: var(--bg-white);
            padding: 5rem 0;
            border-top: 1px solid var(--border);
        }

        .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
            margin-top: 3rem;
        }

        .testimonial-card {
            background: var(--bg-light);
            padding: 2rem;
            border-radius: var(--radius);
            position: relative;
        }

        .quote-icon {
            font-size: 2rem;
            color: #cbd5e1;
            position: absolute;
            top: 1.5rem;
            right: 1.5rem;
        }

        .testimonial-text {
            font-style: italic;
            margin-bottom: 1.5rem;
            position: relative;
            z-index: 1;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .testimonial-author img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }

        .author-info h5 {
            margin: 0;
            font-size: 0.95rem;
        }

        .author-info span {
            font-size: 0.8rem;
            color: var(--text-light);
        }

        /* Footer */
        footer {
            background-color: var(--primary);
            color: #94a3b8;
            padding: 5rem 0 2rem;
            font-size: 0.9rem;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1.5fr;
            gap: 3rem;
            margin-bottom: 4rem;
        }

        .footer-col h4 {
            color: var(--text-white);
            margin-bottom: 1.5rem;
            font-size: 1.1rem;
        }

        .footer-links {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 0.75rem;
        }

        .footer-links a {
            color: #94a3b8;
        }

        .footer-links a:hover {
            color: var(--accent);
            padding-left: 5px;
        }

        .newsletter-form {
            display: flex;
            margin-top: 1rem;
        }

        .newsletter-form input {
            padding: 0.75rem;
            border: none;
            border-radius: var(--radius) 0 0 var(--radius);
            width: 100%;
            outline: none;
        }

        .newsletter-form button {
            background: var(--secondary);
            color: var(--text-white);
            border: none;
            padding: 0 1.25rem;
            border-radius: 0 var(--radius) var(--radius) 0;
            cursor: pointer;
            transition: var(--transition);
        }

        .newsletter-form button:hover {
            background: #0096c7;
        }

        .social-links {
            display: flex;
            gap: 1rem;
            margin-top: 1.5rem;
        }

        .social-links a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            background: rgba(255,255,255,0.05);
            color: var(--text-white);
            border-radius: 50%;
        }

        .social-links a:hover {
            background: var(--secondary);
            transform: translateY(-3px);
        }

        .footer-bottom {
            border-top: 1px solid rgba(255,255,255,0.1);
            padding-top: 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .legal-links {
            display: flex;
            gap: 1.5rem;
        }

        .legal-links a {
            color: #94a3b8;
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .hero-grid {
                grid-template-columns: 1fr;
                gap: 2rem;
            }
            .page-layout {
                grid-template-columns: 1fr;
            }
            .highlight-card {
                grid-template-columns: 1fr;
            }
            .highlight-img {
                height: 250px;
            }
            .testimonial-grid {
                grid-template-columns: 1fr;
            }
            .footer-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        @media (max-width: 768px) {
            .top-bar {
                display: none;
            }
            .mobile-menu-btn {
                display: block;
            }
            nav ul {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: var(--primary-light);
                flex-direction: column;
                padding: 2rem;
                gap: 1.5rem;
                box-shadow: var(--shadow-lg);
            }
            nav ul.show {
                display: flex;
            }
            .hero h1 {
                font-size: 2.5rem;
            }
            .data-grid {
                grid-template-columns: 1fr;
            }
            .grant-item {
                flex-direction: column;
                align-items: flex-start;
                gap: 1rem;
            }
            .grant-action {
                width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            .footer-grid {
                grid-template-columns: 1fr;
            }
            .footer-bottom {
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }
        }
    </style>
</head>
<body>

    <!-- Top Bar -->
    <div class="top-bar">
        <div class="container top-bar-content">
            <span class="tagline">Advancing the Frontiers of Empirical Discovery</span>
            <div>
                <span><i class="fas fa-globe"></i> Global Research Network</span>
                <span style="margin-left: 1.5rem;"><i class="fas fa-envelope"></i> press@aetheris.org</span>
            </div>
        </div>
    </div>

    <!-- Header & Navigation -->
    <header>
        <div class="nav-container">
            <a href="#" class="brand">
                <img src="https://placehold.co/45x45/00b4d8/ffffff?text=AI&font=space+grotesk" alt="Aetheris Logo">
                <span class="brand-name">AETHERIS INSTITUTE</span>
            </a>
            <button class="mobile-menu-btn" id="mobileMenuBtn" aria-label="Toggle Menu">
                <i class="fas fa-bars"></i>
            </button>
            <nav>
                <ul id="navList">
                    <li><a href="#about">About</a></li>
                    <li><a href="#highlights">Research</a></li>
                    <li><a href="#data">Data & Analysis</a></li>
                    <li><a href="#funding">Funding</a></li>
                    <li><a href="#education">Education</a></li>
                    <li><a href="#events">Events</a></li>
                    <li><a href="#publications" class="btn btn-accent" style="padding: 0.5rem 1rem;">Portal Login</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- Hero Section -->
    <section class="hero" id="about">
        <div class="container hero-grid">
            <div class="hero-content">
                <span class="hero-badge"><i class="fas fa-atom"></i> Peer-Reviewed Excellence</span>
                <h1>Catalyzing Breakthroughs Through Methodological Rigor</h1>
                <p>The Aetheris Institute is an independent, multidisciplinary research organization dedicated to decoding complex systems. From quantum materials to computational genomics, we bridge the gap between theoretical hypothesis and empirical validation.</p>
                <div class="hero-ctas">
                    <a href="#highlights" class="btn btn-primary">Explore Discoveries</a>
                    <a href="#funding" class="btn btn-outline" style="color: var(--text-white); border-color: var(--text-white);">Grant Opportunities</a>
                </div>
            </div>
            <div class="hero-stats">
                <div class="stat-item">
                    <h3>1,420+</h3>
                    <p>High-Impact Citations (2023)</p>
                </div>
                <div class="stat-item">
                    <h3>$84M</h3>
                    <p>Active Extramural Funding</p>
                </div>
                <div class="stat-item">
                    <h3>99.4%</h3>
                    <p>Reproducibility Index</p>
                </div>
                <div class="stat-item">
                    <h3>42</h3>
                    <p>Global Partner Labs</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Main Content & Sidebar Layout -->
    <div class="container page-layout">
        
        <!-- Main Content Area -->
        <main class="main-content">
            
            <!-- Section 1: Lab Highlights -->
            <section id="highlights">
                <div class="section-header">
                    <span class="section-subtitle">Recent Breakthroughs</span>
                    <h2 class="section-title">Lab Highlights & Publications</h2>
                    <p>Our laboratories operate at the intersection of physical and life sciences. Below are selected studies that have recently completed peer validation and are now available via open-access repositories.</p>
                </div>

                <article class="highlight-card">
                    <img src="https://picsum.photos/500/400?random=1" alt="Quantum Computing Research" class="highlight-img">
                    <div class="highlight-content">
                        <div class="meta-tags">
                            <span class="tag">Quantum Physics</span>
                            <span class="tag">DOI: 10.1038/s41586</span>
                        </div>
                        <h3>Topological Coherence in Sub-Kelvin Superconductors</h3>
                        <p>By utilizing novel cryo-electron tomography, the Condensed Matter Division has successfully observed non-Abelian anyons stabilizing within a synthetic lattice. This empirical milestone provides the foundational architecture required for fault-tolerant topological quantum computation, drastically reducing decoherence rates compared to standard transmon qubits.</p>
                        <p>The study underwent six months of blind peer validation across three independent international consortia, confirming the statistical significance (5.2 sigma) of the observed conductance quantization.</p>
                        <div style="margin-top: 1.5rem; display: flex; gap: 1rem;">
                            <a href="#" class="btn btn-primary">View Results</a>
                            <a href="#" class="btn btn-outline">Contact Researcher</a>
                        </div>
                    </div>
                </article>

                <article class="highlight-card">
                    <img src="https://picsum.photos/500/400?random=2" alt="CRISPR Epigenetics" class="highlight-img">
                    <div class="highlight-content">
                        <div class="meta-tags">
                            <span class="tag">Computational Biology</span>
                            <span class="tag">High-Citation</span>
                        </div>
                        <h3>Predictive Modeling of Off-Target Epigenetic Silencing</h3>
                        <p>Leveraging transformer-based deep learning architectures trained on longitudinal multi-omics datasets, our genomics team has developed 'EpiGuard'. This predictive framework identifies potential off-target methylation events induced by CRISPR-Cas9 interventions with unprecedented precision.</p>
                        <p>Methodological rigor was maintained through cross-validation against in-vivo murine models, demonstrating a 94% reduction in unintended transcriptional repression. Full training weights and raw sequencing data have been deposited for public scrutiny.</p>
                        <div style="margin-top: 1.5rem; display: flex; gap: 1rem;">
                            <a href="#" class="btn btn-primary">View Results</a>
                            <a href="#" class="btn btn-outline">Read Citation</a>
                        </div>
                    </div>
                </article>
            </section>

            <!-- Section 2: Interactive Funding Tracker (Engagement Element) -->
            <section id="funding">
                <div class="section-header">
                    <span class="section-subtitle">Extramural Support</span>
                    <h2 class="section-title">Funding Opportunity Tracker</h2>
                    <p>Aetheris is committed to fostering global scientific inquiry. Use our interactive tracker below to filter active requests for proposals (RFPs), fellowships, and equipment grants. All submissions undergo double-blind review to eliminate institutional bias.</p>
                </div>

                <div class="tracker-container">
                    <div class="tracker-controls">
                        <input type="text" id="grantSearch" class="search-input" placeholder="Search by keyword (e.g., 'Genomics', 'Climate', 'Early Career')...">
                        <select id="disciplineFilter" class="filter-select">
                            <option value="all">All Disciplines</option>
                            <option value="physics">Physical Sciences</option>
                            <option value="biology">Life Sciences & Biotech</option>
                            <option value="computation">Data & Computation</option>
                            <option value="climate">Earth & Climate</option>
                        </select>
                        <select id="statusFilter" class="filter-select">
                            <option value="all">All Statuses</option>
                            <option value="open">Open for Submissions</option>
                            <option value="closing">Closing Soon</option>
                        </select>
                    </div>

                    <div class="grant-list" id="grantList">
                        <!-- Populated via JavaScript -->
                    </div>
                </div>
            </section>

            <!-- Section 3: Data & Analysis -->
            <section id="data">
                <div class="data-showcase">
                    <span class="section-subtitle" style="color: var(--accent);">Open Science Initiative</span>
                    <h2 style="font-size: 2.25rem; margin-bottom: 1rem;">Data & Analysis Infrastructure</h2>
                    <p style="color: #cbd5e1;">True scientific progress requires transparency. The Aetheris Open Data Core (AODC) provides petabyte-scale cloud infrastructure, allowing global researchers to replicate our findings, run secondary analyses, and validate our algorithmic models directly in the browser.</p>
                    
                    <div class="data-grid">
                        <div>
                            <h4>Standardized Methodological Pipelines</h4>
                            <p style="color: #94a3b8; font-size: 0.95rem;">Every dataset ingested into the AODC is accompanied by containerized processing environments (Docker/Singularity) and comprehensive metadata schemas compliant with FAIR (Findable, Accessible, Interoperable, and Reusable) principles.</p>
                            
                            <h4 style="margin-top: 1.5rem;">Real-Time Telemetry & API Access</h4>
                            <p style="color: #94a3b8; font-size: 0.95rem;">Programmatically query our longitudinal ecological sensors, particle collider logs, and genomic banks via our RESTful and GraphQL APIs. Rate limits are waived for accredited academic institutions.</p>
                            
                            <a href="#" class="btn btn-accent" style="margin-top: 1rem;"><i class="fas fa-database"></i> Access Data Portal</a>
                        </div>
                        <div class="data-visual">
                            <img src="https://placehold.co/500x350/112240/64ffda?text=Interactive+Spectroscopy+Telemetry+\n+[Live+Data+Visualization+Module]&font=space+grotesk" alt="Data Visualization" style="width: 100%; border-radius: 4px; margin-bottom: 1rem;">
                            <div style="display: flex; justify-content: space-between; font-size: 0.8rem; color: #94a3b8; font-family: monospace;">
                                <span>STATUS: STREAMING</span>
                                <span>LATENCY: 12ms</span>
                                <span>NODES: 1,024</span>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Section 4: Educational Programs -->
            <section id="education">
                <div class="section-header">
                    <span class="section-subtitle">STEM Pedagogy</span>
                    <h2 class="section-title">Educational Programs & Fellowships</h2>
                    <p>Cultivating the next generation of empirical thinkers is central to our mission. Our educational initiatives immerse students and postdoctoral fellows in environments that prioritize critical inquiry, statistical literacy, and ethical research practices.</p>
                </div>

                <div class="programs-grid">
                    <div class="program-card">
                        <img src="https://picsum.photos/400/250?random=3" alt="Summer Undergraduate Research">
                        <div class="program-body">
                            <span class="tag" style="align-self: flex-start; margin-bottom: 0.75rem;">Undergraduate</span>
                            <h4>Summer Empirical Immersion (SEI)</h4>
                            <p>A 10-week fully funded residential program where undergraduates work alongside principal investigators. Participants learn experimental design, hypothesis pre-registration, and present findings at our annual symposium.</p>
                            <a href="#" class="btn btn-outline" style="width: 100%; margin-top: 1rem;">Learn More</a>
                        </div>
                    </div>

                    <div class="program-card">
                        <img src="https://picsum.photos/400/250?random=4" alt="Postdoctoral Fellowship">
                        <div class="program-body">
                            <span class="tag" style="align-self: flex-start; margin-bottom: 0.75rem;">Postdoctoral</span>
                            <h4>Aetheris Interdisciplinary Fellows</h4>
                            <p>Designed for recent PhDs looking to cross traditional departmental boundaries. Provides 3 years of independent salary support, discretionary lab budgets, and mentorship from dual-advisor committees.</p>
                            <a href="#" class="btn btn-outline" style="width: 100%; margin-top: 1rem;">Learn More</a>
                        </div>
                    </div>

                    <div class="program-card">
                        <img src="https://picsum.photos/400/250?random=5" alt="High School STEM Outreach">
                        <div class="program-body">
                            <span class="tag" style="align-self: flex-start; margin-bottom: 0.75rem;">K-12 Educators</span>
                            <h4>Data Literacy in the Classroom</h4>
                            <p>We partner with public school districts to equip educators with open-source curriculum modules. Focuses on teaching students how to analyze raw scientific data, understand p-values, and identify spurious correlations.</p>
                            <a href="#" class="btn btn-outline" style="width: 100%; margin-top: 1rem;">Download Curriculum</a>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Section 5: FAQ (Modern Web Pattern) -->
            <section id="faq">
                <div class="section-header">
                    <span class="section-subtitle">Institutional Policies</span>
                    <h2 class="section-title">Frequently Asked Questions</h2>
                </div>

                <div class="faq-list">
                    <div class="faq-item">
                        <button class="faq-question">
                            How does Aetheris ensure methodological rigor and reproducibility?
                            <i class="fas fa-chevron-down"></i>
                        </button>
                        <div class="faq-answer">
                            <p>All internal research projects must undergo mandatory pre-registration of hypotheses and analysis plans before data collection begins. Furthermore, our Internal Replication Unit independently verifies a random 25% sample of all findings prior to manuscript submission to external journals.</p>
                        </div>
                    </div>
                    <div class="faq-item">
                        <button class="faq-question">
                            What is your policy on Open Access and Intellectual Property?
                            <i class="fas fa-chevron-down"></i>
                        </button>
                        <div class="faq-answer">
                            <p>We operate under a strict CC-BY 4.0 mandate. All publications funded by or originating from the Aetheris Institute must be deposited in preprint servers immediately upon submission, with raw data made publicly available upon publication. We do not pursue restrictive patents on foundational research tools.</p>
                        </div>
                    </div>
                    <div class="faq-item">
                        <button class="faq-question">
                            Can external researchers apply for time on Aetheris instrumentation?
                            <i class="fas fa-chevron-down"></i>
                        </button>
                        <div class="faq-answer">
                            <p>Yes. Approximately 30% of operational time on our cryo-EM suites, synchrotron beamlines, and high-performance computing clusters is reserved for external user proposals. Allocation is determined quarterly via a merit-based peer review process.</p>
                        </div>
                    </div>
                </div>
            </section>

        </main>

        <!-- Sidebar -->
        <aside class="sidebar">
            
            <!-- Widget 1: Scientist Profile -->
            <div class="widget">
                <h3 class="widget-title"><i class="fas fa-user-astronaut"></i> Researcher Spotlight</h3>
                <div class="profile-card">
                    <img src="https://i.pravatar.cc/150?u=dr_vasquez" alt="Dr. Elena Rostova" class="profile-avatar">
                    <h4 class="profile-name">Dr. Elena Rostova, Ph.D.</h4>
                    <div class="profile-role">Lead Investigator, Astrobiology</div>
                    <p class="profile-bio">"Our team is currently analyzing atmospheric spectral signatures from exoplanet K2-18b, utilizing novel Bayesian inference models to rule out abiotic methane production."</p>
                    <div style="font-size: 0.8rem; color: var(--text-light); margin-bottom: 1rem;">
                        <strong>Recent Citation:</strong> <em>Rostova et al., Nature Astronomy (2024)</em>
                    </div>
                    <a href="#" class="btn btn-outline" style="width: 100%; font-size: 0.85rem; padding: 0.5rem;">View Full Profile & Lab</a>
                </div>
            </div>

            <!-- Widget 2: Latest Data Releases -->
            <div class="widget">
                <h3 class="widget-title"><i class="fas fa-hdd"></i> Recent Data Releases</h3>
                <ul class="release-list">
                    <li class="release-item">
                        <div class="release-info">
                            <h5>Global Ocean Microbiome v4.2</h5>
                            <span>HDF5 • 4.2 TB • Checksum Verified</span>
                        </div>
                        <a href="#" class="download-btn" title="Download Dataset"><i class="fas fa-download"></i></a>
                    </li>
                    <li class="release-item">
                        <div class="release-info">
                            <h5>LHC Run-3 Anomaly Logs</h5>
                            <span>ROOT/CSV • 850 GB • Raw Telemetry</span>
                        </div>
                        <a href="#" class="download-btn" title="Download Dataset"><i class="fas fa-download"></i></a>
                    </li>
                    <li class="release-item">
                        <div class="release-info">
                            <h5>Protein Folding Kinetic Weights</h5>
                            <span>PyTorch • 12.4 GB • Pre-trained</span>
                        </div>
                        <a href="#" class="download-btn" title="Download Dataset"><i class="fas fa-download"></i></a>
                    </li>
                    <li class="release-item">
                        <div class="release-info">
                            <h5>Ice Core Isotope Series (Antarctica)</h5>
                            <span>NetCDF • 1.1 GB • 800kYr Record</span>
                        </div>
                        <a href="#" class="download-btn" title="Download Dataset"><i class="fas fa-download"></i></a>
                    </li>
                </ul>
                <a href="#data" style="display: block; text-align: center; margin-top: 1rem; font-size: 0.85rem; font-weight: 600;">Browse All 14,200+ Datasets &rarr;</a>
            </div>

            <!-- Widget 3: Upcoming Lectures -->
            <div class="widget" id="events">
                <h3 class="widget-title"><i class="fas fa-calendar-alt"></i> Upcoming Symposia</h3>
                
                <div class="event-item">
                    <div class="event-date">
                        <span class="month">Oct</span>
                        <span class="day">24</span>
                    </div>
                    <div class="event-details">
                        <h5>The Crisis of Reproducibility in Pre-Clinical Trials</h5>
                        <p><i class="fas fa-clock"></i> 14:00 UTC • Hybrid / Auditorium A</p>
                        <p>Keynote: Prof. Marcus Vance (Oxford)</p>
                    </div>
                </div>

                <div class="event-item">
                    <div class="event-date">
                        <span class="month">Nov</span>
                        <span class="day">08</span>
                    </div>
                    <div class="event-details">
                        <h5>Neuromorphic Computing Architectures Workshop</h5>
                        <p><i class="fas fa-clock"></i> 09:00 UTC • Virtual Stream</p>
                        <p>Colloquium & Code-athon</p>
                    </div>
                </div>

                <div class="event-item">
                    <div class="event-date">
                        <span class="month">Dec</span>
                        <span class="day">12</span>
                    </div>
                    <div class="event-details">
                        <h5>Annual Aetheris Grant Review & Poster Session</h5>
                        <p><i class="fas fa-clock"></i> 10:00 UTC • Main Campus</p>
                        <p>Open to Accredited Press</p>
                    </div>
                </div>

                <a href="#" class="btn btn-primary" style="width: 100%; margin-top: 1rem; font-size: 0.85rem; padding: 0.6rem;">Register for Events</a>
            </div>

        </aside>
    </div>

    <!-- Endorsements / Peer Validation Section -->
    <section class="endorsements">
        <div class="container">
            <div class="section-header" style="text-align: center; max-width: 700px; margin: 0 auto;">
                <span class="section-subtitle">Institutional Impact</span>
                <h2 class="section-title" style="padding-bottom: 0;">Peer Validation & Community Trust</h2>
                <div style="width: 60px; height: 4px; background: var(--secondary); margin: 1rem auto 2rem; border-radius: 2px;"></div>
            </div>

            <div class="testimonial-grid">
                <div class="testimonial-card">
                    <i class="fas fa-quote-right quote-icon"></i>
                    <p class="testimonial-text">"The methodological rigor enforced by the Aetheris Open Data Core has fundamentally changed how our consortium approaches multi-center genomic studies. Their containerized pipelines saved us months of calibration."</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/100?u=chen" alt="Dr. Aris Thorne">
                        <div class="author-info">
                            <h5>Dr. Wei Chen</h5>
                            <span>Director of Bioinformatics, Geneva Institute</span>
                        </div>
                    </div>
                </div>

                <div class="testimonial-card">
                    <i class="fas fa-quote-right quote-icon"></i>
                    <p class="testimonial-text">"Receiving an Aetheris Interdisciplinary Fellowship allowed me to pivot from pure mathematics to theoretical ecology without the pressure of immediate, short-term publish-or-perish metrics. Truly visionary funding."</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/100?u=sarah" alt="Dr. Sarah Jenkins">
                        <div class="author-info">
                            <h5>Dr. Sarah Al-Mansoor</h5>
                            <span>Associate Professor, MIT</span>
                        </div>
                    </div>
                </div>

                <div class="testimonial-card">
                    <i class="fas fa-quote-right quote-icon"></i>
                    <p class="testimonial-text">"As a journal editor, manuscripts originating from Aetheris labs consistently represent the gold standard in statistical transparency and comprehensive citation of prior art. They lead by example."</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/100?u=kline" alt="Prof. David Kline">
                        <div class="author-info">
                            <h5>Prof. Henrik Lindqvist</h5>
                            <span>Senior Editor, *European Journal of Physics*</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-grid">
                <div class="footer-col">
                    <div class="brand" style="margin-bottom: 1rem;">
                        <img src="https://placehold.co/35x35/00b4d8/ffffff?text=AI&font=space+grotesk" alt="Aetheris Logo">
                        <span class="brand-name" style="font-size: 1.25rem;">AETHERIS INSTITUTE</span>
                    </div>
                    <p style="margin-bottom: 1rem;">An independent 501(c)(3) scientific research organization dedicated to empirical discovery, open data, and STEM education.</p>
                    <p style="font-size: 0.85rem;">
                        <i class="fas fa-map-marker-alt" style="width: 20px; color: var(--secondary);"></i> 400 Innovation Way, Cambridge, MA 02139<br>
                        <i class="fas fa-phone" style="width: 20px; color: var(--secondary);"></i> +1 (617) 555-0192<br>
                        <i class="fas fa-envelope" style="width: 20px; color: var(--secondary);"></i> inquiries@aetheris-institute.org
                    </p>
                </div>

                <div class="footer-col">
                    <h4>Research Divisions</h4>
                    <ul class="footer-links">
                        <li><a href="#">Quantum & Condensed Matter</a></li>
                        <li><a href="#">Computational Genomics</a></li>
                        <li><a href="#">Earth Systems & Paleoclimate</a></li>
                        <li><a href="#">Algorithmic Ethics & AI</a></li>
                        <li><a href="#">Astrobiology & Spectroscopy</a></li>
                        <li><a href="#">Internal Replication Unit</a></li>
                    </ul>
                </div>

                <div class="footer-col">
                    <h4>Resources & Portals</h4>
                    <ul class="footer-links">
                        <li><a href="#data">Open Data Core (AODC)</a></li>
                        <li><a href="#funding">Grant Submission Portal</a></li>
                        <li><a href="#">Instrumentation Booking</a></li>
                        <li><a href="#">Preprint Server Mirror</a></li>
                        <li><a href="#">API Documentation</a></li>
                        <li><a href="#">Press Kit & Brand Assets</a></li>
                    </ul>
                </div>

                <div class="footer-col">
                    <h4>Empirical Digest</h4>
                    <p>Subscribe to our bi-weekly briefing on peer-reviewed breakthroughs, dataset releases, and RFP announcements. No hype, just data.</p>
                    <form class="newsletter-form" onsubmit="event.preventDefault(); alert('Thank you for subscribing to the Aetheris Empirical Digest.');">
                        <input type="email" placeholder="Enter institutional email..." required>
                        <button type="submit" aria-label="Subscribe"><i class="fas fa-paper-plane"></i></button>
                    </form>
                    <div class="social-links">
                        <a href="#" aria-label="ORCID"><i class="fab fa-orcid"></i></a>
                        <a href="#" aria-label="GitHub"><i class="fab fa-github"></i></a>
                        <a href="#" aria-label="Twitter/X"><i class="fab fa-twitter"></i></a>
                        <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                        <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                    </div>
                </div>
            </div>

            <div class="footer-bottom">
                <div>
                    &copy; <span id="currentYear"></span> Aetheris Institute for Advanced Study. All rights reserved. Content licensed under CC-BY 4.0 unless otherwise noted.
                </div>
                <div class="legal-links">
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Use</a>
                    <a href="#">Research Integrity Policy</a>
                    <a href="#">Accessibility</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- Interactive Scripts -->
    <script>
        // Set Current Year
        document.getElementById('currentYear').textContent = new Date().getFullYear();

        // Mobile Navigation Toggle
        const mobileMenuBtn = document.getElementById('mobileMenuBtn');
        const navList = document.getElementById('navList');
        
        mobileMenuBtn.addEventListener('click', () => {
            navList.classList.toggle('show');
            const icon = mobileMenuBtn.querySelector('i');
            if(navList.classList.contains('show')) {
                icon.classList.remove('fa-bars');
                icon.classList.add('fa-times');
            } else {
                icon.classList.remove('fa-times');
                icon.classList.add('fa-bars');
            }
        });

        // FAQ Accordion Logic
        const faqQuestions = document.querySelectorAll('.faq-question');
        faqQuestions.forEach(question => {
            question.addEventListener('click', () => {
                const item = question.parentElement;
                const isActive = item.classList.contains('active');
                
                // Close all others
                document.querySelectorAll('.faq-item').forEach(el => {
                    el.classList.remove('active');
                });

                // Toggle current
                if (!isActive) {
                    item.classList.add('active');
                }
            });
        });

        // Interactive Funding Tracker Data & Logic
        const grantsData = [
            {
                id: "RFP-2024-089",
                title: "Novel Approaches to Room-Temperature Superconductivity Validation",
                discipline: "physics",
                disciplineLabel: "Physical Sciences",
                amount: "$450,000",
                deadline: "Nov 15, 2024",
                status: "open",
                statusLabel: "Open for Submissions"
            },
            {
                id: "RFP-2024-092",
                title: "Longitudinal Microbiome Dynamics in Arid Agro-Ecosystems",
                discipline: "biology",
                disciplineLabel: "Life Sciences",
                amount: "$280,000",
                deadline: "Oct 30, 2024",
                status: "closing",
                statusLabel: "Closing Soon"
            },
            {
                id: "RFP-2024-104",
                title: "Explainable AI Architectures for Protein-Ligand Binding Affinity",
                discipline: "computation",
                disciplineLabel: "Data & Computation",
                amount: "$600,000",
                deadline: "Dec 01, 2024",
                status: "open",
                statusLabel: "Open for Submissions"
            },
            {
                id: "RFP-2024-111",
                title: "Paleoclimate Proxy Calibration via Deep-Sea Sediment Cores",
                discipline: "climate",
                disciplineLabel: "Earth & Climate",
                amount: "$320,000",
                deadline: "Jan 15, 2025",
                status: "open",
                statusLabel: "Open for Submissions"
            },
            {
                id: "FEL-2024-019",
                title: "Early Career Investigator Award in Quantum Information Science",
                discipline: "physics",
                disciplineLabel: "Physical Sciences",
                amount: "$150,000",
                deadline: "Oct 25, 2024",
                status: "closing",
                statusLabel: "Closing Soon"
            }
        ];

        const grantListEl = document.getElementById('grantList');
        const grantSearchEl = document.getElementById('grantSearch');
        const disciplineFilterEl = document.getElementById('disciplineFilter');
        const statusFilterEl = document.getElementById('statusFilter');

        function renderGrants() {
            const searchTerm = grantSearchEl.value.toLowerCase();
            const discipline = disciplineFilterEl.value;
            const status = statusFilterEl.value;

            grantListEl.innerHTML = '';

            const filtered = grantsData.filter(grant => {
                const matchesSearch = grant.title.toLowerCase().includes(searchTerm) || grant.id.toLowerCase().includes(searchTerm);
                const matchesDiscipline = discipline === 'all' || grant.discipline === discipline;
                const matchesStatus = status === 'all' || grant.status === status;
                return matchesSearch && matchesDiscipline && matchesStatus;
            });

            if (filtered.length === 0) {
                grantListEl.innerHTML = `<div style="text-align: center; padding: 2rem; color: var(--text-light);">No funding opportunities match your current filter criteria.</div>`;
                return;
            }

            filtered.forEach(grant => {
                const statusColor = grant.status === 'closing' ? '#eab308' : '#22c55e';
                
                const itemHTML = `
                    <div class="grant-item">
                        <div class="grant-info">
                            <div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.4rem;">
                                <span style="font-family: monospace; font-size: 0.8rem; background: #e2e8f0; padding: 0.1rem 0.4rem; border-radius: 3px;">${grant.id}</span>
                                <span style="font-size: 0.75rem; font-weight: 600; color: ${statusColor}; display: flex; align-items: center; gap: 0.3rem;">
                                    <i class="fas fa-circle" style="font-size: 0.5rem;"></i> ${grant.statusLabel}
                                </span>
                            </div>
                            <h4>${grant.title}</h4>
                            <div class="grant-meta">
                                <span><i class="fas fa-flask"></i> ${grant.disciplineLabel}</span>
                                <span><i class="far fa-calendar-times"></i> Deadline: ${grant.deadline}</span>
                            </div>
                        </div>
                        <div class="grant-action">
                            <div class="grant-amount">${grant.amount}</div>
                            <a href="#" class="btn btn-outline" style="padding: 0.4rem 1rem; font-size: 0.85rem;" onclick="event.preventDefault(); alert('Downloading RFP packet for ${grant.id}...');">Download RFP</a>
                        </div>
                    </div>
                `;
                grantListEl.insertAdjacentHTML('beforeend', itemHTML);
            });
        }

        // Event Listeners for Filters
        grantSearchEl.addEventListener('input', renderGrants);
        disciplineFilterEl.addEventListener('change', renderGrants);
        statusFilterEl.addEventListener('change', renderGrants);

        // Initial Render
        renderGrants();
    </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-12T10:09:16.794Z",
  "url": "https://benchmark.aimac.invalid/37b9c4dffee388ed515b18fa2ef89b9c39561e69b1f4e5fadb877d9b554a8d0f.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<button type=\"submit\" aria-label=\"Subscribe\"><i class=\"fas fa-paper-plane\"></i></button>",
          "target": [
            "button[type=\"submit\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<button type=\"submit\" aria-label=\"Subscribe\"><i class=\"fas fa-paper-plane\"></i></button>",
          "target": [
            "button[type=\"submit\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<button type=\"submit\" aria-label=\"Subscribe\"><i class=\"fas fa-paper-plane\"></i></button>",
          "target": [
            "button[type=\"submit\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<button type=\"submit\" aria-label=\"Subscribe\"><i class=\"fas fa-paper-plane\"></i></button>",
          "target": [
            "button[type=\"submit\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button type=\"submit\" aria-label=\"Subscribe\"><i class=\"fas fa-paper-plane\"></i></button>",
          "target": [
            "button[type=\"submit\"]"
          ]
        }
      ]
    },
    {
      "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": "<span style=\"margin-left: 1.5rem;\"><i class=\"fas fa-envelope\"></i> press@aetheris.org</span>",
          "target": [
            ".top-bar-content > div > span:nth-child(2)"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"faq-question\">\n                            How does Aetheris ensure methodological rigor and reproducibility?\n                            <i class=\"fas fa-chevron-down\"></i>\n                        </button>",
          "target": [
            ".faq-item:nth-child(1) > .faq-question"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1>Catalyzing Breakthroughs Through Methodological Rigor</h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h3>1,420+</h3>",
                  "target": [
                    ".stat-item:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>$84M</h3>",
                  "target": [
                    ".stat-item:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>99.4%</h3>",
                  "target": [
                    ".stat-item:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>42</h3>",
                  "target": [
                    ".stat-item:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Lab Highlights &amp; Publications</h2>",
                  "target": [
                    "#highlights > .section-header > .section-title"
                  ]
                },
                {
                  "html": "<h3>Topological Coherence in Sub-Kelvin Superconductors</h3>",
                  "target": [
                    "article:nth-child(2) > .highlight-content > h3"
                  ]
                },
                {
                  "html": "<h3>Predictive Modeling of Off-Target Epigenetic Silencing</h3>",
                  "target": [
                    "article:nth-child(3) > .highlight-content > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Funding Opportunity Tracker</h2>",
                  "target": [
                    "#funding > .section-header > .section-title"
                  ]
                },
                {
                  "html": "<h4>Novel Approaches to Room-Temperature Superconductivity Validation</h4>",
                  "target": [
                    ".grant-item:nth-child(1) > .grant-info > h4"
                  ]
                },
                {
                  "html": "<h4>Longitudinal Microbiome Dynamics in Arid Agro-Ecosystems</h4>",
                  "target": [
                    ".grant-item:nth-child(2) > .grant-info > h4"
                  ]
                },
                {
                  "html": "<h4>Explainable AI Architectures for Protein-Ligand Binding Affinity</h4>",
                  "target": [
                    ".grant-item:nth-child(3) > .grant-info > h4"
                  ]
                },
                {
                  "html": "<h4>Paleoclimate Proxy Calibration via Deep-Sea Sediment Cores</h4>",
                  "target": [
                    ".grant-item:nth-child(4) > .grant-info > h4"
                  ]
                },
                {
                  "html": "<h4>Early Career Investigator Award in Quantum Information Science</h4>",
                  "target": [
                    ".grant-item:nth-child(5) > .grant-info > h4"
                  ]
                },
                {
                  "html": "<h2 style=\"font-size: 2.25rem; margin-bottom: 1rem;\">Data &amp; Analysis Infrastructure</h2>",
                  "target": [
                    ".data-showcase > h2"
                  ]
                },
                {
                  "html": "<h4>Standardized Methodological Pipelines</h4>",
                  "target": [
                    "div:nth-child(1) > h4:nth-child(1)"
                  ]
                },
                {
                  "html": "<h4 style=\"margin-top: 1.5rem;\">Real-Time Telemetry &amp; API Access</h4>",
                  "target": [
                    "h4:nth-child(3)"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Educational Programs &amp; Fellowships</h2>",
                  "target": [
                    "#education > .section-header > .section-title"
                  ]
                },
                {
                  "html": "<h4>Summer Empirical Immersion (SEI)</h4>",
                  "target": [
                    ".program-card:nth-child(1) > .program-body > h4"
                  ]
                },
                {
                  "html": "<h4>Aetheris Interdisciplinary Fellows</h4>",
                  "target": [
                    ".program-card:nth-child(2) > .program-body > h4"
                  ]
                },
                {
                  "html": "<h4>Data Literacy in the Classroom</h4>",
                  "target": [
                    ".program-card:nth-child(3) > .program-body > h4"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Frequently Asked Questions</h2>",
                  "target": [
                    "#faq > .section-header > .section-title"
                  ]
                },
                {
                  "html": "<h3 class=\"widget-title\"><i class=\"fas fa-user-astronaut\"></i> Researcher Spotlight</h3>",
                  "target": [
                    ".widget:nth-child(1) > .widget-title"
                  ]
                },
                {
                  "html": "<h4 class=\"profile-name\">Dr. Elena Rostova, Ph.D.</h4>",
                  "target": [
                    ".profile-name"
                  ]
                },
                {
                  "html": "<h3 class=\"widget-title\"><i class=\"fas fa-hdd\"></i> Recent Data Releases</h3>",
                  "target": [
                    ".widget:nth-child(2) > .widget-title"
                  ]
                },
                {
                  "html": "<h5>Global Ocean Microbiome v4.2</h5>",
                  "target": [
                    ".release-item:nth-child(1) > .release-info > h5"
                  ]
                },
                {
                  "html": "<h5>LHC Run-3 Anomaly Logs</h5>",
                  "target": [
                    ".release-item:nth-child(2) > .release-info > h5"
                  ]
                },
                {
                  "html": "<h5>Protein Folding Kinetic Weights</h5>",
                  "target": [
                    ".release-item:nth-child(3) > .release-info > h5"
                  ]
                },
                {
                  "html": "<h5>Ice Core Isotope Series (Antarctica)</h5>",
                  "target": [
                    ".release-item:nth-child(4) > .release-info > h5"
                  ]
                },
                {
                  "html": "<h3 class=\"widget-title\"><i class=\"fas fa-calendar-alt\"></i> Upcoming Symposia</h3>",
                  "target": [
                    "#events > .widget-title"
                  ]
                },
                {
                  "html": "<h5>The Crisis of Reproducibility in Pre-Clinical Trials</h5>",
                  "target": [
                    ".event-item:nth-child(2) > .event-details > h5"
                  ]
                },
                {
                  "html": "<h5>Neuromorphic Computing Architectures Workshop</h5>",
                  "target": [
                    ".event-item:nth-child(3) > .event-details > h5"
                  ]
                },
                {
                  "html": "<h5>Annual Aetheris Grant Review &amp; Poster Session</h5>",
                  "target": [
                    ".event-item:nth-child(4) > .event-details > h5"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\" style=\"padding-bottom: 0;\">Peer Validation &amp; Community Trust</h2>",
                  "target": [
                    ".container > .section-header > .section-title"
                  ]
                },
                {
                  "html": "<h5>Dr. Wei Chen</h5>",
                  "target": [
                    ".testimonial-card:nth-child(1) > .testimonial-author > .author-info > h5"
                  ]
                },
                {
                  "html": "<h5>Dr. Sarah Al-Mansoor</h5>",
                  "target": [
                    ".testimonial-card:nth-child(2) > .testimonial-author > .author-info > h5"
                  ]
                },
                {
                  "html": "<h5>Prof. Henrik Lindqvist</h5>",
                  "target": [
                    ".testimonial-card:nth-child(3) > .testimonial-author > .author-info > h5"
                  ]
                },
                {
                  "html": "<h4>Research Divisions</h4>",
                  "target": [
                    ".footer-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Resources &amp; Portals</h4>",
                  "target": [
                    ".footer-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Empirical Digest</h4>",
                  "target": [
                    ".footer-col:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main class=\"main-content\">",
                  "target": [
                    "main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#94a3b8",
                "bgColor": "#060f1d",
                "contrastRatio": 7.48,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 7.48"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<span class=\"tagline\">Advancing the Frontiers of Empirical Discovery</span>",
          "target": [
            ".tagline"
          ]
        }
      ]
    },
    {
      "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": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" id=\"grantSearch\" class=\"search-input\" placeholder=\"Search by keyword (e.g., 'Genomics', 'Climate', 'Early Career')...\">",
          "target": [
            "#grantSearch"
          ]
        }
      ]
    },
    {
      "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/45x45/00b4d8/ffffff?text=AI&amp;font=space+grotesk\" alt=\"Aetheris Logo\">",
          "target": [
            ".brand[href=\"#\"] > img[alt=\"Aetheris Logo\"]"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "non-empty-placeholder",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a placeholder attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" id=\"grantSearch\" class=\"search-input\" placeholder=\"Search by keyword (e.g., 'Genomics', 'Climate', 'Early Career')...\">",
          "target": [
            "#grantSearch"
          ]
        }
      ]
    },
    {
      "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=\"brand\">\n                <img src=\"https://placehold.co/45x45/00b4d8/ffffff?text=AI&amp;font=space+grotesk\" alt=\"Aetheris Logo\">\n                <span class=\"brand-name\">AETHERIS INSTITUTE</span>\n            </a>",
          "target": [
            ".brand[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 id=\"navList\">",
          "target": [
            "#navList"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><a href=\"#about\">About</a></li>",
          "target": [
            "#navList > 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/45x45/00b4d8/ffffff?text=AI&amp;font=space+grotesk\" alt=\"Aetheris Logo\">",
          "target": [
            ".brand[href=\"#\"] > img[alt=\"Aetheris Logo\"]"
          ]
        }
      ]
    },
    {
      "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": 280.3,
                "height": 45
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (280.3px by 45px, 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=\"brand\">\n                <img src=\"https://placehold.co/45x45/00b4d8/ffffff?text=AI&amp;font=space+grotesk\" alt=\"Aetheris Logo\">\n                <span class=\"brand-name\">AETHERIS INSTITUTE</span>\n            </a>",
          "target": [
            ".brand[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": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"hero-badge\"><i class=\"fas fa-atom\"></i> Peer-Reviewed Excellence</span>",
                  "target": [
                    ".hero-badge"
                  ]
                },
                {
                  "html": "<section class=\"hero\" id=\"about\">",
                  "target": [
                    "#about"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"hero-badge\"><i class=\"fas fa-atom\"></i> Peer-Reviewed Excellence</span>",
          "target": [
            ".hero-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background gradient"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#00b4d8",
                "contrastRatio": 2.46,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#highlights\" class=\"btn btn-primary\">Explore Discoveries</a>",
                  "target": [
                    ".btn-primary.btn[href$=\"#highlights\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.46 (foreground color: #ffffff, background color: #00b4d8, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#highlights\" class=\"btn btn-primary\">Explore Discoveries</a>",
          "target": [
            ".btn-primary.btn[href$=\"#highlights\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.46 (foreground color: #ffffff, background color: #00b4d8, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#f8fafc",
                "contrastRatio": 2.35,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-subtitle\">Recent Breakthroughs</span>",
          "target": [
            "#highlights > .section-header > .section-subtitle"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#00b4d8",
                "contrastRatio": 2.46,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#\" class=\"btn btn-primary\">View Results</a>",
                  "target": [
                    "article:nth-child(2) > .highlight-content > div:nth-child(5) > .btn-primary.btn[href=\"#\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.46 (foreground color: #ffffff, background color: #00b4d8, 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-primary\">View Results</a>",
          "target": [
            "article:nth-child(2) > .highlight-content > div:nth-child(5) > .btn-primary.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.46 (foreground color: #ffffff, background color: #00b4d8, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#ffffff",
                "contrastRatio": 2.46,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"highlight-card\">",
                  "target": [
                    "article:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, 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\">Contact Researcher</a>",
          "target": [
            "article:nth-child(2) > .highlight-content > div:nth-child(5) > .btn-outline.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#00b4d8",
                "contrastRatio": 2.46,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#\" class=\"btn btn-primary\">View Results</a>",
                  "target": [
                    "article:nth-child(3) > .highlight-content > div:nth-child(5) > .btn-primary.btn[href=\"#\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.46 (foreground color: #ffffff, background color: #00b4d8, 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-primary\">View Results</a>",
          "target": [
            "article:nth-child(3) > .highlight-content > div:nth-child(5) > .btn-primary.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.46 (foreground color: #ffffff, background color: #00b4d8, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#ffffff",
                "contrastRatio": 2.46,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"highlight-card\">",
                  "target": [
                    "article:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, 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\">Read Citation</a>",
          "target": [
            "article:nth-child(3) > .highlight-content > div:nth-child(5) > .btn-outline.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#f8fafc",
                "contrastRatio": 2.35,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-subtitle\">Extramural Support</span>",
          "target": [
            "#funding > .section-header > .section-subtitle"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#22c55e",
                "bgColor": "#f8fafc",
                "contrastRatio": 2.17,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"grant-item\">",
                  "target": [
                    ".grant-item:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.17 (foreground color: #22c55e, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span style=\"font-size: 0.75rem; font-weight: 600; color: #22c55e; display: flex; align-items: center; gap: 0.3rem;\">\n                                    <i class=\"fas fa-circle\" style=\"font-size: 0.5rem;\"></i> Open for Submissions\n                                </span>",
          "target": [
            ".grant-item:nth-child(1) > .grant-info > div:nth-child(1) > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.17 (foreground color: #22c55e, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#f8fafc",
                "contrastRatio": 2.35,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"grant-item\">",
                  "target": [
                    ".grant-item:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"btn btn-outline\" style=\"padding: 0.4rem 1rem; font-size: 0.85rem;\" onclick=\"event.preventDefault(); alert('Downloading RFP packet for RFP-2024-089...');\">Download RFP</a>",
          "target": [
            ".grant-item:nth-child(1) > .grant-action > .btn-outline.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#eab308",
                "bgColor": "#f8fafc",
                "contrastRatio": 1.83,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"grant-item\">",
                  "target": [
                    ".grant-item:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.83 (foreground color: #eab308, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span style=\"font-size: 0.75rem; font-weight: 600; color: #eab308; display: flex; align-items: center; gap: 0.3rem;\">\n                                    <i class=\"fas fa-circle\" style=\"font-size: 0.5rem;\"></i> Closing Soon\n                                </span>",
          "target": [
            ".grant-item:nth-child(2) > .grant-info > div:nth-child(1) > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.83 (foreground color: #eab308, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#f8fafc",
                "contrastRatio": 2.35,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"grant-item\">",
                  "target": [
                    ".grant-item:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"btn btn-outline\" style=\"padding: 0.4rem 1rem; font-size: 0.85rem;\" onclick=\"event.preventDefault(); alert('Downloading RFP packet for RFP-2024-092...');\">Download RFP</a>",
          "target": [
            ".grant-item:nth-child(2) > .grant-action > .btn-outline.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#22c55e",
                "bgColor": "#f8fafc",
                "contrastRatio": 2.17,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"grant-item\">",
                  "target": [
                    ".grant-item:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.17 (foreground color: #22c55e, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span style=\"font-size: 0.75rem; font-weight: 600; color: #22c55e; display: flex; align-items: center; gap: 0.3rem;\">\n                                    <i class=\"fas fa-circle\" style=\"font-size: 0.5rem;\"></i> Open for Submissions\n                                </span>",
          "target": [
            ".grant-item:nth-child(3) > .grant-info > div:nth-child(1) > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.17 (foreground color: #22c55e, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#f8fafc",
                "contrastRatio": 2.35,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"grant-item\">",
                  "target": [
                    ".grant-item:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"btn btn-outline\" style=\"padding: 0.4rem 1rem; font-size: 0.85rem;\" onclick=\"event.preventDefault(); alert('Downloading RFP packet for RFP-2024-104...');\">Download RFP</a>",
          "target": [
            ".grant-item:nth-child(3) > .grant-action > .btn-outline.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#22c55e",
                "bgColor": "#f8fafc",
                "contrastRatio": 2.17,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"grant-item\">",
                  "target": [
                    ".grant-item:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.17 (foreground color: #22c55e, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span style=\"font-size: 0.75rem; font-weight: 600; color: #22c55e; display: flex; align-items: center; gap: 0.3rem;\">\n                                    <i class=\"fas fa-circle\" style=\"font-size: 0.5rem;\"></i> Open for Submissions\n                                </span>",
          "target": [
            ".grant-item:nth-child(4) > .grant-info > div:nth-child(1) > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.17 (foreground color: #22c55e, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#f8fafc",
                "contrastRatio": 2.35,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"grant-item\">",
                  "target": [
                    ".grant-item:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"btn btn-outline\" style=\"padding: 0.4rem 1rem; font-size: 0.85rem;\" onclick=\"event.preventDefault(); alert('Downloading RFP packet for RFP-2024-111...');\">Download RFP</a>",
          "target": [
            ".grant-item:nth-child(4) > .grant-action > .btn-outline.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#eab308",
                "bgColor": "#f8fafc",
                "contrastRatio": 1.83,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"grant-item\">",
                  "target": [
                    ".grant-item:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 1.83 (foreground color: #eab308, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span style=\"font-size: 0.75rem; font-weight: 600; color: #eab308; display: flex; align-items: center; gap: 0.3rem;\">\n                                    <i class=\"fas fa-circle\" style=\"font-size: 0.5rem;\"></i> Closing Soon\n                                </span>",
          "target": [
            ".grant-item:nth-child(5) > .grant-info > div:nth-child(1) > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.83 (foreground color: #eab308, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#f8fafc",
                "contrastRatio": 2.35,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"grant-item\">",
                  "target": [
                    ".grant-item:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"btn btn-outline\" style=\"padding: 0.4rem 1rem; font-size: 0.85rem;\" onclick=\"event.preventDefault(); alert('Downloading RFP packet for FEL-2024-019...');\">Download RFP</a>",
          "target": [
            ".grant-item:nth-child(5) > .grant-action > .btn-outline.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#f8fafc",
                "contrastRatio": 2.35,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-subtitle\">STEM Pedagogy</span>",
          "target": [
            "#education > .section-header > .section-subtitle"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#ffffff",
                "contrastRatio": 2.46,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card\">",
                  "target": [
                    ".program-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, 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=\"width: 100%; margin-top: 1rem;\">Learn More</a>",
          "target": [
            ".program-card:nth-child(1) > .program-body > .btn-outline.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#ffffff",
                "contrastRatio": 2.46,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card\">",
                  "target": [
                    ".program-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, 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=\"width: 100%; margin-top: 1rem;\">Learn More</a>",
          "target": [
            ".program-card:nth-child(2) > .program-body > .btn-outline.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#ffffff",
                "contrastRatio": 2.46,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card\">",
                  "target": [
                    ".program-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, 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=\"width: 100%; margin-top: 1rem;\">Download Curriculum</a>",
          "target": [
            ".program-card:nth-child(3) > .program-body > .btn-outline.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#f8fafc",
                "contrastRatio": 2.35,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-subtitle\">Institutional Policies</span>",
          "target": [
            "#faq > .section-header > .section-subtitle"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.35 (foreground color: #00b4d8, background color: #f8fafc, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#ffffff",
                "contrastRatio": 2.46,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"profile-role\">Lead Investigator, Astrobiology</div>",
          "target": [
            ".profile-role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#ffffff",
                "contrastRatio": 2.46,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"btn btn-outline\" style=\"width: 100%; font-size: 0.85rem; padding: 0.5rem;\">View Full Profile &amp; Lab</a>",
          "target": [
            ".profile-card > .btn-outline.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#ffffff",
                "contrastRatio": 2.46,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"widget\">",
                  "target": [
                    ".widget:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#data\" style=\"display: block; text-align: center; margin-top: 1rem; font-size: 0.85rem; font-weight: 600;\">Browse All 14,200+ Datasets \u2192</a>",
          "target": [
            ".widget:nth-child(2) > a[href$=\"#data\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#00b4d8",
                "contrastRatio": 2.46,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem; font-size: 0.85rem; padding: 0.6rem;\">Register for Events</a>",
                  "target": [
                    "#events > .btn-primary.btn[href=\"#\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.46 (foreground color: #ffffff, background color: #00b4d8, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem; font-size: 0.85rem; padding: 0.6rem;\">Register for Events</a>",
          "target": [
            "#events > .btn-primary.btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.46 (foreground color: #ffffff, background color: #00b4d8, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#00b4d8",
                "bgColor": "#ffffff",
                "contrastRatio": 2.46,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"endorsements\">",
                  "target": [
                    ".endorsements"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-subtitle\">Institutional Impact</span>",
          "target": [
            ".container > .section-header > .section-subtitle"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.46 (foreground color: #00b4d8, background color: #ffffff, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        }
      ]
    },
    {
      "id": "select-name",
      "impact": "critical",
      "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": "implicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an implicit (wrapped) <label>"
            },
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an explicit <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<select id=\"disciplineFilter\" class=\"filter-select\">",
          "target": [
            "#disciplineFilter"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "implicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an implicit (wrapped) <label>"
            },
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an explicit <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<select id=\"statusFilter\" class=\"filter-select\">",
          "target": [
            "#statusFilter"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 7326
      },
      {
        "y": 576,
        "height": 7326
      },
      {
        "y": 1152,
        "height": 7326
      },
      {
        "y": 1728,
        "height": 7326
      },
      {
        "y": 2304,
        "height": 7326
      },
      {
        "y": 2880,
        "height": 7326
      },
      {
        "y": 3456,
        "height": 7326
      },
      {
        "y": 4032,
        "height": 7326
      },
      {
        "y": 4608,
        "height": 7326
      },
      {
        "y": 5184,
        "height": 7326
      },
      {
        "y": 5760,
        "height": 7326
      },
      {
        "y": 6336,
        "height": 7326
      },
      {
        "y": 6606,
        "height": 7326
      }
    ],
    "scans": 14,
    "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 "Science" 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: "Science"
- Description: Scientific research, discoveries, STEM education, and science news.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Science" 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: "About", "Events", "Funding".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Science" category. Consider themes similar to: "Data & Analysis", "Educational Programs", "Lab Highlights".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "peer validation", "methodological rigor", "citation".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "View Results", "Learn More", "Contact Researcher".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Science" sector. Ideas similar but not limited to: "funding opportunity tracker".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "data releases", "scientist profiles", "upcoming lectures".
-   **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.