{"id":2721,"date":"2025-11-11T23:56:29","date_gmt":"2025-11-11T23:56:29","guid":{"rendered":"https:\/\/www.edsmart.org\/schools\/arizona-state-university-campus-immersion\/"},"modified":"2026-07-12T00:25:22","modified_gmt":"2026-07-12T00:25:22","slug":"arizona-state-university-campus-immersion","status":"publish","type":"school_profile","link":"https:\/\/www.edsmart.org\/schools\/arizona-state-university-campus-immersion\/","title":{"rendered":"Arizona State University Campus Immersion: Acceptance Rate, Tuition &#038; Rankings"},"content":{"rendered":"","protected":false},"template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"school_html_content":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"description\" content=\"Arizona State University Campus Immersion's acceptance rate is 89.9%; it ranks #232 nationally (Grade A-); six-year graduation rate is 68.0%; median earnings are $52,843. See costs, job outcomes, and how Arizona State University Campus Immersion compares. U.S. Department of Education College Scorecard data.\">\n    <title>Arizona State University Campus Immersion: Acceptance Rate, Tuition & Rankings | EDsmart 2026<\/title>\n    \n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;600;700;800&family=Montserrat:wght@400;500;600;700;900&display=swap');\n        \n        * { \n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        \n        :root {\n            --color-primary: #0A1C4A;\n            --color-accent: #1E3A8A;\n            --color-aqua: #00B3C6;\n            --color-link: #62b2dc;\n            --color-button: #D51C31;\n            --color-white: #FFFFFF;\n            --color-gray-soft: #F5F7FA;\n            --color-gray-text: #E8ECF1; \/* Lightened from #CBD2DC for WCAG AA contrast (4.5:1) *\/\n            --color-gray-text-secondary: #D4DCE6; \/* For secondary text needing 3:1 contrast *\/\n            --color-success: #00C48C;\n            --color-warning: #F5B73D;\n            --color-error: #E85B5B;\n        }\n        \n        body {\n            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n            line-height: 1.7;\n            color: var(--color-white); \/* Fixed: was #333 on dark background *\/\n            background: var(--color-primary);\n            min-height: 100vh;\n            font-size: 16px; \/* WCAG AA minimum for body text *\/\n        }\n        \n        \/* Header *\/\n        .page-header {\n            background: var(--color-primary);\n            color: white;\n            padding: 20px 0;\n        }\n        \n        .header-content {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 40px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .logo {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 40px;\n            font-weight: 900;\n            color: #ffffff;\n            margin-bottom: 10px;\n            text-decoration: none;\n        }\n        \n        .logo:hover {\n            opacity: 0.9;\n        }\n        \n        .header-nav {\n            display: flex;\n            gap: 30px;\n            align-items: center;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n        }\n        \n        .header-nav li {\n            margin: 0;\n        }\n        \n        .header-nav a {\n            color: #ffffff;\n            text-decoration: none;\n            font-size: 15px;\n            font-weight: 500;\n            transition: opacity 0.3s ease;\n        }\n        \n        .header-nav a:hover {\n            opacity: 0.8;\n        }\n        \n        \/* Hamburger Menu Button *\/\n        .hamburger {\n            display: none;\n            flex-direction: column;\n            justify-content: space-around;\n            width: 30px;\n            height: 30px;\n            background: transparent;\n            border: none;\n            cursor: pointer;\n            padding: 0;\n            z-index: 1001;\n        }\n        \n        .hamburger span {\n            width: 100%;\n            height: 3px;\n            background: #ffffff;\n            border-radius: 3px;\n            transition: all 0.3s ease;\n            display: block;\n        }\n        \n        .hamburger.active span:nth-child(1) {\n            transform: rotate(45deg) translate(8px, 8px);\n        }\n        \n        .hamburger.active span:nth-child(2) {\n            opacity: 0;\n        }\n        \n        .hamburger.active span:nth-child(3) {\n            transform: rotate(-45deg) translate(7px, -7px);\n        }\n        \n        \/* Mobile Navigation *\/\n        @media (max-width: 768px) {\n            .header-content {\n                position: relative;\n                padding: 0 20px;\n                flex-wrap: nowrap;\n            }\n            \n            .logo {\n                font-size: 32px;\n                margin-bottom: 0;\n            }\n            \n            .hamburger {\n                display: flex;\n                order: 2;\n                margin-left: auto;\n                margin-right: 15px;\n            }\n            \n            nav {\n                position: absolute;\n                top: 100%;\n                left: 0;\n                right: 0;\n                background: var(--color-primary);\n                border-top: 1px solid rgba(255, 255, 255, 0.1);\n                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n                max-height: 0;\n                overflow: hidden;\n                transition: max-height 0.3s ease;\n                z-index: 1000;\n            }\n            \n            nav.active {\n                max-height: 500px;\n            }\n            \n            .header-nav {\n                flex-direction: column;\n                gap: 0;\n                padding: 20px;\n                width: 100%;\n            }\n            \n            .header-nav li {\n                width: 100%;\n                border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n            }\n            \n            .header-nav li:last-child {\n                border-bottom: none;\n            }\n            \n            .header-nav a {\n                display: block;\n                padding: 15px 0;\n                font-size: 16px;\n            }\n            \n            .header-content .btn-primary {\n                order: 3;\n                padding: 8px 16px;\n                font-size: 13px;\n                white-space: nowrap;\n            }\n        }\n        \n        \/* Headings use Open Sans *\/\n        h1, h2, h3, h4, h5, h6 {\n            font-family: 'Open Sans', sans-serif;\n        }\n        \n        \/* Main Container *\/\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 60px 40px;\n            background: var(--color-primary);\n            display: grid;\n            grid-template-columns: 320px 1fr;\n            gap: 40px;\n            align-items: start;\n        }\n\n        @media (max-width: 1024px) and (min-width: 769px) {\n            .header-content {\n                flex-wrap: wrap;\n                gap: 15px;\n            }\n            \n            .header-nav {\n                flex-wrap: wrap;\n                justify-content: center;\n                gap: 15px;\n            }\n            \n            .header-nav a {\n                font-size: 14px;\n            }\n            \n            .container {\n                grid-template-columns: 1fr;\n                padding: 40px 28px;\n                gap: 28px;\n            }\n\n            .sidebar {\n                display: none;\n            }\n        }\n        \n        \/* Sidebar *\/\n        .sidebar {\n            background: var(--color-primary);\n            border: 2px solid rgba(255,255,255,0.1);\n            border-radius: 16px;\n            padding: 30px;\n            height: fit-content;\n        }\n        \n        \/* Sidebar Image *\/\n        .sidebar-image {\n            width: 100%;\n            border-radius: 12px;\n            overflow: hidden;\n            margin-bottom: 20px;\n            position: relative;\n        }\n        \n        .sidebar-header {\n            margin-bottom: 30px;\n            padding-bottom: 25px;\n            border-bottom: 1px solid rgba(255,255,255,0.1);\n            text-align: center;\n        }\n        \n        .sidebar-header .grade-display {\n            font-size: 64px;\n            font-weight: 900;\n            color: var(--color-success);\n            line-height: 1;\n            margin-bottom: 12px;\n            text-shadow: 0 2px 8px rgba(0,196,140,0.3);\n        }\n        \n        .sidebar-header .rank-display {\n            font-size: 13px;\n            color: var(--color-gray-text);\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            background: rgba(255,255,255,0.05);\n            padding: 8px 16px;\n            border-radius: 20px;\n            display: inline-block;\n        }\n        \n        \/* Category Grades in Sidebar *\/\n        .sidebar-categories {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px;\n            margin-bottom: 25px;\n        }\n        \n        .sidebar-category-badge {\n            background: rgba(255,255,255,0.03);\n            border: 1px solid rgba(255,255,255,0.1);\n            border-radius: 8px;\n            padding: 12px;\n            text-align: center;\n            transition: all 0.2s ease;\n        }\n        \n        .sidebar-category-badge:hover {\n            border-color: rgba(255,255,255,0.2);\n            background: rgba(255,255,255,0.05);\n        }\n        \n        .category-label {\n            font-size: 10px;\n            font-weight: 600;\n            color: var(--color-gray-text);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 6px;\n        }\n        \n        .category-grade-small {\n            font-size: 24px;\n            font-weight: 900;\n            line-height: 1;\n        }\n        \n        .sidebar-category-badge[data-grade=\"A\"] .category-grade-small,\n        .sidebar-category-badge[data-grade=\"A+\"] .category-grade-small {\n            color: var(--color-success);\n        }\n        \n        .sidebar-category-badge[data-grade=\"B\"] .category-grade-small,\n        .sidebar-category-badge[data-grade=\"B+\"] .category-grade-small {\n            color: var(--color-warning);\n        }\n        \n        .sidebar-category-badge[data-grade=\"C\"] .category-grade-small,\n        .sidebar-category-badge[data-grade=\"C+\"] .category-grade-small {\n            color: var(--color-warning);\n        }\n        \n        .sidebar-category-badge[data-grade=\"D\"] .category-grade-small,\n        .sidebar-category-badge[data-grade=\"D+\"] .category-grade-small {\n            color: var(--color-error);\n        }\n        \n        .sidebar-category-badge[data-grade=\"F\"] .category-grade-small {\n            color: var(--color-error);\n        }\n        \n        \/* Quick Stats in Sidebar *\/\n        .sidebar-quick-stats {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n            margin-bottom: 25px;\n            padding-bottom: 25px;\n            border-bottom: 1px solid rgba(255,255,255,0.1);\n        }\n        \n        .sidebar-quick-stat {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n        \n        .quick-stat-label {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--color-gray-text);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        \n        .quick-stat-value {\n            font-size: 18px;\n            font-weight: 700;\n            color: var(--color-white);\n        }\n        \n        \/* School Basics in Sidebar *\/\n        .sidebar-basics {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            margin-bottom: 25px;\n            padding-bottom: 25px;\n            border-bottom: 1px solid rgba(255,255,255,0.1);\n        }\n        \n        .sidebar-basic-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-size: 13px;\n        }\n        \n        .basic-label {\n            color: var(--color-gray-text);\n            font-weight: 500;\n        }\n        \n        .basic-value {\n            color: var(--color-white);\n            font-weight: 600;\n        }\n        \n        \/* Main Content *\/\n        .main-content {\n            min-width: 0;\n            display: block;\n        }\n        \n        \/* Tab-based Section Display *\/\n        .section {\n            display: block;\n            width: 100%;\n            clear: both;\n            margin-bottom: 60px;\n            animation: fadeIn 0.3s ease-in-out;\n        }\n        \n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(10px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        \/* School Hero Section *\/\n        .school-hero {\n            background: var(--color-primary);\n            margin-bottom: 60px;\n        }\n        \n        .school-title-section {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 30px;\n            flex-wrap: wrap;\n            gap: 40px;\n        }\n        \n        .school-title-info {\n            flex: 1;\n        }\n        \n        .school-title-info h1 {\n            font-weight: 900;\n            font-size: 56px;\n            color: var(--color-white);\n            margin-bottom: 20px;\n            letter-spacing: -2px;\n            line-height: 1.1;\n        }\n\n        .hero-badge-column {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 16px;\n            min-width: 220px;\n        }\n\n        .school-overview {\n            color: var(--color-white);\n            font-size: 18px;\n            line-height: 1.8;\n            margin-top: 0;\n        }\n        \n        .school-overview p {\n            margin: 0 0 14px 0;\n        }\n        \n        .school-overview p:last-child {\n            margin-bottom: 0;\n        }\n\n        .school-aio-lead,\n        .aio-lead {\n            font-size: 17px;\n            line-height: 1.75;\n            color: var(--color-gray-text);\n            margin: 20px 0 18px;\n            padding: 18px 22px;\n            background: rgba(0, 179, 198, 0.08);\n            border-left: 4px solid var(--color-aqua);\n            border-radius: 0 12px 12px 0;\n        }\n\n        .school-hero .entity-confused-with,\n        .school-hero .entity-disambiguation-banner {\n            margin-bottom: 16px;\n        }\n\n        .school-faq-section {\n            margin: 40px 0;\n        }\n\n        .school-faq-list {\n            display: grid;\n            gap: 18px;\n        }\n\n        .school-faq-item {\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 12px;\n            padding: 20px 24px;\n        }\n\n        .school-faq-q {\n            font-size: 17px;\n            font-weight: 700;\n            color: var(--color-white);\n            margin: 0 0 10px;\n            line-height: 1.4;\n        }\n\n        .school-faq-a {\n            font-size: 15px;\n            color: var(--color-gray-text);\n            margin: 0;\n            line-height: 1.7;\n        }\n\n        .entity-disambiguation-banner {\n            margin: 0 0 24px;\n            padding: 18px 22px;\n            border-radius: 12px;\n            border: 2px solid var(--color-warning);\n            background: rgba(245, 183, 61, 0.12);\n        }\n\n        .entity-disambiguation-heading {\n            font-size: 16px;\n            font-weight: 800;\n            color: var(--color-warning);\n            margin-bottom: 8px;\n            line-height: 1.4;\n        }\n\n        .entity-disambiguation-body {\n            font-size: 15px;\n            color: var(--color-white);\n            margin: 0;\n            line-height: 1.7;\n        }\n\n        .entity-confused-with {\n            margin: 0 0 20px;\n            padding: 14px 18px;\n            border-radius: 10px;\n            border: 1px solid rgba(255, 255, 255, 0.12);\n            background: rgba(255, 255, 255, 0.03);\n        }\n\n        .entity-confused-with p {\n            margin: 0;\n            font-size: 14px;\n            line-height: 1.65;\n            color: var(--color-gray-text);\n        }\n\n        .at-a-glance {\n            margin: 35px 0 10px;\n            background: rgba(255,255,255,0.04);\n            border: 1px solid rgba(255,255,255,0.08);\n            border-radius: 16px;\n            padding: 18px 24px;\n        }\n\n        .at-a-glance-title {\n            font-size: 14px;\n            text-transform: uppercase;\n            letter-spacing: 0.8px;\n            color: var(--color-gray-text);\n            font-weight: 700;\n            margin-bottom: 12px;\n        }\n\n        .at-a-glance-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n            gap: 14px;\n        }\n\n        .kpi-chip {\n            background: rgba(10,28,74,0.65);\n            border: 1px solid rgba(255,255,255,0.06);\n            border-radius: 12px;\n            padding: 12px 16px;\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n\n        .kpi-chip.accent {\n            background: linear-gradient(135deg, rgba(0,179,198,0.18) 0%, rgba(10,28,74,0.6) 100%);\n            border-color: rgba(0,179,198,0.45);\n        }\n\n        .kpi-label {\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 0.6px;\n            color: var(--color-gray-text);\n            font-weight: 600;\n        }\n\n        .kpi-value {\n            font-size: 18px;\n            font-weight: 800;\n            color: var(--color-white);\n            line-height: 1.2;\n        }\n        \n        .school-subtitle {\n            font-size: 18px;\n            color: var(--color-gray-text);\n            margin-bottom: 8px;\n            font-weight: 400;\n        }\n        \n        .school-description {\n            color: var(--color-white);\n            font-size: 18px;\n            line-height: 1.9;\n            max-width: 800px;\n            margin-top: 30px;\n        }\n        \n        .grade-badge {\n            background: var(--color-white);\n            color: var(--color-success);\n    padding: 30px 50px;\n            border-radius: 16px;\n            text-align: center;\n            min-width: 150px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n        }\n        \n        .grade-badge .grade {\n            font-size: 64px;\n            font-weight: 900;\n            line-height: 1;\n            margin-bottom: 10px;\n        }\n        \n        \/* Unranked badge styling *\/\n        .grade-badge .grade.unranked-badge {\n            font-size: 20px;\n            font-weight: 700;\n            color: #666;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            background: #f5f5f5;\n            padding: 12px 24px;\n            border-radius: 8px;\n            display: inline-block;\n            border: 1px solid #ddd;\n        }\n        \n        .grade-badge .rank.unranked-text {\n            font-size: 12px;\n            color: #666;\n            font-style: italic;\n            margin-top: 8px;\n        }\n        \n        .grade-badge .label {\n            font-size: 14px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--color-primary);\n            margin-top: 5px;\n        }\n        \n        .grade-badge .rank {\n            font-size: 13px;\n            color: var(--color-primary); \/* Dark blue for excellent contrast on white background *\/\n            margin-top: 8px;\n            font-weight: 600;\n        }\n\n.grade-badge-link {\n    margin-top: 12px;\n    font-size: small;\n    color: var(--color-link);\n    font-weight: 600;\n    text-decoration: none;\n    transition: color 0.2s ease;\n}\n\n.grade-badge-link:hover,\n.grade-badge-link:focus {\n    color: var(--color-aqua);\n        }\n        \n        \/* Category Grade Badges *\/\n        .category-grades {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n        \n        .category-grade-badge {\n            background: var(--color-primary);\n            border: 2px solid rgba(255,255,255,0.1);\n            padding: 20px;\n            border-radius: 12px;\n            text-align: center;\n            transition: all 0.3s ease;\n        }\n        \n        .category-grade-badge:hover {\n            border-color: var(--color-aqua);\n            transform: translateY(-2px);\n        }\n        \n        .category-grade-badge .category-name {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--color-gray-text);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 12px;\n        }\n        \n        .category-grade-badge .category-grade {\n            font-size: 36px;\n            font-weight: 900;\n            line-height: 1;\n            margin-bottom: 8px;\n        }\n        \n        \/* Grade colors using data attributes *\/\n        .category-grade-badge[data-grade=\"A\"] .category-grade,\n        .category-grade-badge[data-grade=\"A+\"] .category-grade {\n            color: var(--color-success);\n        }\n        \n        .category-grade-badge[data-grade=\"B\"] .category-grade,\n        .category-grade-badge[data-grade=\"B+\"] .category-grade {\n            color: var(--color-warning);\n        }\n        \n        .category-grade-badge[data-grade=\"C\"] .category-grade,\n        .category-grade-badge[data-grade=\"C+\"] .category-grade {\n            color: var(--color-warning);\n        }\n        \n        .category-grade-badge[data-grade=\"D\"] .category-grade,\n        .category-grade-badge[data-grade=\"D+\"] .category-grade {\n            color: var(--color-error);\n        }\n        \n        .category-grade-badge[data-grade=\"F\"] .category-grade {\n            color: var(--color-error);\n        }\n        \n        \/* Quick Facts *\/\n        .quick-facts-header {\n            font-size: 24px;\n            font-weight: 600;\n            color: var(--color-white);\n            margin-bottom: 30px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        \n        .quick-facts {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n            margin-bottom: 60px;\n        }\n        \n        @media (max-width: 1200px) {\n            .quick-facts {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .quick-facts {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            .schools-scroll-container .stat-card {\n                flex: 0 0 220px;\n                min-width: 220px;\n                max-width: 220px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .quick-facts {\n                grid-template-columns: 1fr;\n            }\n            .schools-scroll-container .stat-card {\n                flex: 0 0 200px;\n                min-width: 200px;\n                max-width: 200px;\n            }\n        }\n        \n        .stat-card {\n            background: var(--color-primary);\n            border: 2px solid rgba(255,255,255,0.1);\n            padding: 30px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n            width: 100%;\n        }\n        \n        .stat-card:hover {\n            border-color: var(--color-aqua);\n            transform: translateY(-4px);\n            box-shadow: 0 4px 12px rgba(0,179,198,0.1);\n        }\n\n        .quick-facts .stat-card,\n        #similar-schools-grid .stat-card,\n        #nearby-schools-grid .stat-card {\n            width: 100%;\n        }\n\n        .schools-scroll-container .stat-card {\n            flex: 0 0 260px;\n            min-width: 260px;\n            max-width: 260px;\n        }\n        \n        .stat-label {\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--color-gray-text);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 15px;\n        }\n        \n        .stat-value {\n            font-size: 32px;\n            font-weight: 900;\n            color: var(--color-white);\n            line-height: 1.2;\n        }\n        \n        \/* Section Styling *\/\n        .section {\n            background: var(--color-primary);\n            padding: 60px 0 0 0;\n            border-top: 1px solid rgba(255,255,255,0.1);\n        }\n        \n        .section:first-of-type {\n            border-top: none;\n        }\n\n        #best-for.section {\n            padding: 16px 0 0 0;\n            border-top: none;\n            margin: 48px 0 48px 0;\n        }\n\n        \/* Sticky Navigation Tabs *\/\n        .sticky-nav {\n            position: sticky;\n            top: 0;\n            z-index: 100;\n            background: rgba(10, 28, 74, 0.95);\n            border-bottom: 1px solid rgba(255,255,255,0.08);\n            margin: 40px 0 30px;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.35);\n            backdrop-filter: blur(6px);\n        }\n\n        .sticky-nav-inner {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        .sticky-nav-content {\n            padding: 0 40px;\n            display: flex;\n            gap: 0;\n            overflow-x: auto;\n            overflow-y: hidden;\n            scrollbar-width: thin;\n            scrollbar-color: rgba(255,255,255,0.35) transparent;\n            scroll-behavior: smooth;\n            scroll-snap-type: x proximity;\n        }\n\n        .sticky-nav-content::-webkit-scrollbar {\n            height: 6px;\n        }\n\n        .sticky-nav-content::-webkit-scrollbar-track {\n            background: transparent;\n        }\n\n        .sticky-nav-content::-webkit-scrollbar-thumb {\n            background: rgba(255,255,255,0.25);\n            border-radius: 3px;\n        }\n\n        .sticky-nav-content::-webkit-scrollbar-thumb:hover {\n            background: rgba(255,255,255,0.4);\n        }\n\n        .nav-tab {\n            padding: 16px 20px;\n            color: var(--color-gray-text);\n            text-decoration: none;\n            font-size: 14px;\n            font-weight: 600;\n            white-space: nowrap;\n            border-bottom: 3px solid transparent;\n            transition: all 0.2s ease;\n            scroll-snap-align: start;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .nav-tab:hover {\n            color: var(--color-white);\n            background: rgba(255,255,255,0.06);\n        }\n\n        .nav-tab:focus-visible {\n            outline: 3px solid var(--color-aqua);\n            outline-offset: -2px;\n            border-radius: 6px;\n        }\n\n        .nav-tab.active {\n            color: var(--color-aqua);\n            border-bottom-color: var(--color-aqua);\n        }\n\n        @media (max-width: 1200px) {\n            .sticky-nav-content {\n                padding: 0 24px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .sticky-nav {\n                margin: 30px 0;\n            }\n            .sticky-nav-content {\n                padding: 0 16px;\n            }\n            .nav-tab {\n                padding: 14px 18px;\n                font-size: 13px;\n            }\n        }\n        \n        .section-title {\n            font-size: 32px;\n            font-weight: 900;\n            color: var(--color-white);\n            margin-bottom: 40px;\n            letter-spacing: -1px;\n        }\n        \n        \/* Insight Box *\/\n        .insight-box {\n            background: var(--color-primary);\n            border-left: 4px solid var(--color-aqua);\n            padding: 35px;\n            margin: 40px 0;\n            border-radius: 0 8px 8px 0;\n        }\n        \n        .insight-box h3 {\n            font-size: 24px;\n            font-weight: 700;\n            color: var(--color-white);\n            margin-bottom: 20px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        \n        .insight-box .intro {\n            font-style: italic;\n            font-size: 18px;\n            color: var(--color-white);\n            margin-bottom: 15px;\n            font-weight: 500;\n            line-height: 1.8;\n        }\n        \n        .insight-box p {\n            color: var(--color-gray-text);\n            line-height: 2;\n            font-size: 16px;\n        }\n        \n        \/* Two Column Layout *\/\n        .two-column {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n        }\n        \n        \/* Lists *\/\n        .info-list {\n            list-style: none;\n        }\n        \n        .info-list li {\n            padding: 20px 0;\n            border-bottom: 1px solid rgba(255,255,255,0.1);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .info-list li:last-child {\n            border-bottom: none;\n        }\n        \n        .info-label {\n            font-weight: 500;\n            color: var(--color-gray-text);\n            font-size: 15px;\n        }\n        \n        .info-value {\n            font-weight: 700;\n            color: var(--color-white);\n            font-size: 16px;\n        }\n        \n        \/* CTA Buttons *\/\n        .cta-group {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            margin: 60px 0;\n            flex-wrap: wrap;\n        }\n        \n        .btn {\n            padding: 16px 32px;\n            border-radius: 8px;\n            font-weight: 600;\n            text-decoration: none;\n            display: inline-block;\n            transition: all 0.3s ease;\n            font-size: 16px; \/* WCAG AA minimum *\/\n            min-height: 44px; \/* WCAG AA minimum touch target *\/\n            min-width: 44px;\n            text-align: center;\n        }\n        \n        .btn-primary {\n            background: var(--color-button);\n            color: var(--color-white);\n        }\n        \n        .btn-primary:hover {\n            background: #B01527;\n            color: white;\n            transform: translateY(-2px);\n        }\n        \n        .btn-primary:focus,\n        .btn-primary:focus-visible {\n            outline: 3px solid var(--color-link);\n            outline-offset: 3px;\n            box-shadow: 0 0 0 1px var(--color-primary), 0 0 0 4px var(--color-link);\n        }\n        \n        .btn-secondary {\n            background: transparent;\n            border: 2px solid var(--color-link);\n            color: var(--color-link);\n        }\n        \n        .btn-secondary:hover {\n            background: var(--color-link);\n            color: var(--color-white);\n        }\n        \n        .btn-secondary:focus,\n        .btn-secondary:focus-visible {\n            outline: 3px solid var(--color-aqua);\n            outline-offset: 3px;\n            box-shadow: 0 0 0 1px var(--color-primary), 0 0 0 4px var(--color-aqua);\n        }\n        \n        \/* Methodology Box *\/\n        .methodology-box {\n            background: var(--color-primary);\n            border: 1px solid rgba(255,255,255,0.1);\n            padding: 40px;\n            border-radius: 12px;\n            margin: 60px 0;\n        }\n        \n        .methodology-box h3 {\n            color: var(--color-white);\n            margin-bottom: 20px;\n            font-size: 20px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        \n        .methodology-box p {\n            color: var(--color-white); \/* Changed from gray-text for WCAG AA contrast *\/\n            margin-bottom: 15px;\n            font-size: 16px; \/* Increased from 15px to meet WCAG AA minimum *\/\n            line-height: 1.8;\n        }\n        \n        .methodology-box a {\n            color: var(--color-aqua);\n            font-weight: 600;\n            text-decoration: underline; \/* WCAG requirement - links must be distinguishable *\/\n            text-underline-offset: 2px;\n        }\n        \n        .methodology-box a:hover {\n            color: var(--color-white);\n            text-decoration-thickness: 2px;\n        }\n        \n        .methodology-box a:focus,\n        .methodology-box a:focus-visible {\n            outline: 3px solid var(--color-aqua);\n            outline-offset: 3px;\n            border-radius: 2px;\n        }\n        \n        \/* Charts *\/\n        .chart-container {\n            background: var(--color-primary);\n            border: 2px solid rgba(255,255,255,0.1);\n            border-radius: 12px;\n            padding: 30px;\n            margin: 30px 0;\n        }\n        \n        .chart-container canvas {\n            max-height: 400px;\n        }\n        \n        \/* Carousel Container *\/\n        .carousel-wrapper {\n            position: relative;\n            width: 100%;\n        }\n        \n        \/* Horizontal Scrolling School Cards *\/\n        .schools-scroll-container {\n            display: flex;\n            gap: 20px;\n            overflow-x: auto;\n            overflow-y: hidden;\n            padding: 10px 0 30px 0;\n            margin: 0;\n            scroll-behavior: smooth;\n            -webkit-overflow-scrolling: touch;\n        }\n        \n        \/* Hide scrollbar *\/\n        .schools-scroll-container::-webkit-scrollbar {\n            display: none;\n        }\n        \n        .schools-scroll-container {\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n        }\n        \n        \/* Carousel Navigation Arrows *\/\n        .carousel-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: var(--color-primary);\n            border: 2px solid rgba(255,255,255,0.2);\n            color: var(--color-white);\n            width: 48px;\n            height: 48px;\n            min-width: 48px;\n            min-height: 48px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            z-index: 10;\n            font-size: 20px;\n            font-weight: 700;\n            -webkit-tap-highlight-color: transparent;\n            touch-action: manipulation;\n        }\n        \n        .carousel-arrow:hover {\n            background: var(--color-aqua);\n            border-color: var(--color-aqua);\n            transform: translateY(-50%) scale(1.1);\n        }\n        \n        .carousel-arrow:focus,\n        .carousel-arrow:focus-visible {\n            outline: 3px solid var(--color-aqua);\n            outline-offset: 3px;\n            box-shadow: 0 0 0 1px var(--color-primary), 0 0 0 4px var(--color-aqua);\n        }\n        \n        .carousel-arrow:active {\n            transform: translateY(-50%) scale(0.95);\n        }\n        \n        .carousel-arrow.disabled {\n            opacity: 0.3;\n            cursor: not-allowed;\n            pointer-events: none;\n        }\n        \n        .carousel-arrow-left {\n            left: -24px;\n        }\n        \n        .carousel-arrow-right {\n            right: -24px;\n        }\n        \n        @media (max-width: 1200px) {\n            .carousel-arrow-left {\n                left: 10px;\n            }\n            \n            .carousel-arrow-right {\n                right: 10px;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .carousel-arrow {\n                width: 44px;\n                height: 44px;\n                min-width: 44px;\n                min-height: 44px;\n                font-size: 18px;\n            }\n        }\n        \n        .school-card-scroll {\n            background: var(--color-primary);\n            border: 2px solid rgba(255,255,255,0.1);\n            padding: 30px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n            min-width: 280px;\n            max-width: 280px;\n            flex-shrink: 0;\n            cursor: pointer;\n            scroll-snap-align: start;\n            -webkit-tap-highlight-color: transparent;\n            touch-action: manipulation;\n        }\n        \n        .school-card-scroll:hover {\n            border-color: var(--color-aqua);\n            transform: translateY(-4px);\n            box-shadow: 0 4px 12px rgba(0,179,198,0.1);\n        }\n        \n        .school-card-scroll:focus,\n        .school-card-scroll:focus-visible {\n            outline: 3px solid var(--color-aqua);\n            outline-offset: 3px;\n            box-shadow: 0 0 0 1px var(--color-primary), 0 0 0 4px var(--color-aqua);\n        }\n        \n        .school-card-scroll:active {\n            transform: translateY(-2px);\n        }\n        \n        .school-card-scroll .card-label {\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--color-gray-text);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 10px;\n        }\n        \n        .school-card-scroll .card-name {\n            font-size: 18px;\n            font-weight: 700;\n            color: var(--color-white);\n            margin-bottom: 8px;\n            line-height: 1.3;\n        }\n        \n        .school-card-scroll .card-location {\n            font-size: 16px;\n            color: var(--color-gray-text);\n            margin-bottom: 15px;\n        }\n        \n        .school-card-scroll .card-meta {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-top: 15px;\n            padding-top: 15px;\n            border-top: 1px solid rgba(255,255,255,0.1);\n        }\n        \n        .school-card-scroll .card-stats {\n            font-size: 13px;\n            color: var(--color-gray-text);\n            margin-top: 10px;\n            line-height: 1.6;\n        }\n        \n        \/* Similar Schools Grid - Always 4 schools *\/\n        #similar-schools-grid {\n            grid-template-columns: repeat(4, 1fr);\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 1200px) {\n            .container {\n                grid-template-columns: 1fr;\n                gap: 0;\n            }\n            \n            .sidebar {\n                position: relative;\n                top: 0;\n                margin-bottom: 40px;\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n                gap: 20px;\n            }\n            \n            .sidebar-header {\n                grid-column: 1 \/ -1;\n            }\n            \n            .sidebar-categories {\n                grid-column: 1 \/ -1;\n            }\n            \n            .sidebar-quick-stats {\n                grid-column: 1 \/ -1;\n            }\n            \n            .sidebar-basics {\n                grid-column: 1 \/ -1;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .container {\n                padding: 30px 15px;\n            }\n            \n            .header-content {\n                padding: 0 15px;\n            }\n            \n            .school-title-section {\n                flex-direction: column;\n                text-align: left;\n            }\n            \n            .school-title-info h1 {\n                font-size: 36px;\n                line-height: 1.2;\n            }\n            \n            .two-column {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n            \n            .school-card-scroll {\n                min-width: 280px;\n                max-width: 280px;\n                padding: 25px;\n            }\n            \n            .schools-scroll-container {\n                padding: 10px 20px 30px 20px;\n                margin: 0 -15px;\n            }\n            \n            .quick-facts {\n                grid-template-columns: 1fr;\n                gap: 15px;\n            }\n            \n            .stat-card {\n                padding: 20px;\n            }\n            \n            #similar-schools-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 15px;\n            }\n            \n            .chart-container {\n                padding: 15px;\n            }\n            \n            .section {\n                margin-bottom: 40px;\n            }\n            \n            .section-title {\n                font-size: 28px;\n                margin-bottom: 20px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .container {\n                padding: 20px 12px;\n            }\n            \n            .header-content {\n                padding: 0 12px;\n            }\n            \n            .school-title-info h1 {\n                font-size: 32px;\n            }\n            \n            #similar-schools-grid {\n                grid-template-columns: 1fr;\n                gap: 12px;\n            }\n            \n            .grade-badge {\n                width: 100%;\n            }\n            \n            .stat-card {\n                padding: 18px;\n            }\n            \n            .school-card-scroll {\n                min-width: 260px;\n                max-width: 260px;\n                padding: 20px;\n            }\n            \n            .section-title {\n                font-size: 24px;\n            }\n            \n            .btn {\n                padding: 12px 20px;\n                font-size: 14px;\n                width: 100%;\n                margin-bottom: 10px;\n            }\n            \n            .cta-group {\n                flex-direction: column;\n            }\n        }\n        \n        \/* Loading State *\/\n        .section.loading {\n            opacity: 0.6;\n            pointer-events: none;\n        }\n        \n        .section.loading::after {\n            content: '';\n            display: block;\n            width: 40px;\n            height: 40px;\n            margin: 40px auto;\n            border: 3px solid var(--color-aqua);\n            border-top-color: transparent;\n            border-radius: 50%;\n            animation: spin 0.8s linear infinite;\n        }\n        \n        @keyframes spin {\n            to { transform: rotate(360deg); }\n        }\n        \n        \/* Focus visible for keyboard navigation - Enhanced for WCAG AA *\/\n        *:focus-visible {\n            outline: 3px solid var(--color-aqua);\n            outline-offset: 3px;\n            border-radius: 2px;\n        }\n        \n        \/* Ensure buttons and links have visible focus *\/\n        button:focus-visible,\n        a:focus-visible,\n        .btn:focus-visible,\n        .nav-tab:focus-visible,\n        .carousel-arrow:focus-visible {\n            outline: 3px solid var(--color-aqua);\n            outline-offset: 3px;\n            box-shadow: 0 0 0 1px var(--color-primary), 0 0 0 4px var(--color-aqua);\n        }\n        \n        \/* Smooth scrolling for anchor links - Respects user preference *\/\n        @media (prefers-reduced-motion: no-preference) {\n            html {\n                scroll-behavior: smooth;\n            }\n        }\n        \n        \/* Respect reduced motion preference *\/\n        @media (prefers-reduced-motion: reduce) {\n            *,\n            *::before,\n            *::after {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n            }\n            html {\n                scroll-behavior: auto;\n            }\n        }\n        \n        \/* Touch feedback improvements *\/\n        @media (hover: none) and (pointer: coarse) {\n            .nav-tab:active,\n            .btn:active,\n            .carousel-arrow:active {\n                opacity: 0.7;\n            }\n        }\n        \n        \/* Skip to main content link for keyboard navigation *\/\n        .skip-link {\n            position: absolute;\n            top: -40px;\n            left: 0;\n            background: var(--color-aqua);\n            color: var(--color-primary);\n            padding: 8px 16px;\n            text-decoration: none;\n            font-weight: 700;\n            z-index: 1000;\n            border-radius: 0 0 4px 0;\n        }\n        \n        .skip-link:focus {\n            top: 0;\n        }\n        \n        \/* Ensure minimum font sizes for readability *\/\n        body,\n        p,\n        .section p,\n        .insight-box p {\n            font-size: 16px; \/* WCAG AA minimum *\/\n        }\n        \n        \/* Small text must meet higher contrast - use white instead of gray *\/\n        \/* Exception: Don't apply to elements inside .grade-badge (white background) *\/\n        small:not(.grade-badge *),\n        .small-text:not(.grade-badge *),\n        [style*=\"font-size: 11px\"]:not(.grade-badge *),\n        [style*=\"font-size: 12px\"]:not(.grade-badge *),\n        [style*=\"font-size: 13px\"]:not(.grade-badge *) {\n            color: var(--color-white) !important; \/* Force white for small text on dark background *\/\n        }\n        \n        \/* Ensure stat cards and important text meet contrast *\/\n        .stat-value,\n        .stat-label,\n        .section-title,\n        h1, h2, h3, h4, h5, h6 {\n            color: var(--color-white);\n        }\n        \n        \/* Improve link contrast - Use EDsmart link color *\/\n        a {\n            color: var(--color-link);\n            text-decoration: underline;\n        }\n        \n        a:hover {\n            color: var(--color-white);\n            text-decoration-thickness: 2px;\n        }\n        \n        \/* Ensure info lists have proper contrast *\/\n        .info-label,\n        .info-value {\n            color: var(--color-white);\n        }\n        \n        .best-for-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 12px;\n        }\n\n        .best-for-chip {\n            background: transparent;\n            color: rgb(255, 255, 255);\n            padding: 10px 14px;\n            border-radius: 8px;\n            font-size: 12px;\n            font-weight: 600;\n            text-align: center;\n            display: block;\n            transition: all 0.3s ease;\n        }\n\n        .best-for-chip.chip-white {\n            border: 2px solid rgb(255, 255, 255);\n            --hover-bg: #FFFFFF;\n            --hover-text: #0A1C4A;\n        }\n\n        .best-for-chip.chip-green {\n            border: 2px solid #00C48C;\n            --hover-bg: #00C48C;\n            --hover-text: white;\n        }\n\n        .best-for-chip.chip-aqua {\n            border: 2px solid rgb(0, 179, 198);\n            --hover-bg: #00B3C6;\n            --hover-text: white;\n        }\n\n        .best-for-chip:hover {\n            background: var(--hover-bg);\n            color: var(--hover-text);\n            cursor: pointer;\n        }\n\n        .tag-chip {\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n            padding: 10px 16px;\n            border-radius: 8px;\n            background: rgba(98,178,220,0.18);\n            border: 1px solid rgba(98,178,220,0.55);\n            color: var(--color-white);\n            font-weight: 600;\n            font-size: 14px;\n            line-height: 1.4;\n            text-align: center;\n            min-height: 46px;\n            margin: 4px;\n        }\n\n        .tag-chip:focus,\n        .tag-chip:hover {\n            outline: none;\n            background: rgba(98,178,220,0.32);\n            border-color: rgba(98,178,220,0.85);\n            cursor: pointer;\n        }\n        \n        \/* Decision Toolkit & Info List BEM Styles *\/\n        .decision-toolkit {\n            margin: 40px 0;\n        }\n        \n        .decision-toolkit h3 {\n            font-size: 24px;\n            font-weight: 700;\n            color: var(--color-white);\n            margin-bottom: 24px;\n        }\n        \n        .info-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        \n        .info-list__item {\n            padding: 16px 20px;\n            border-radius: 8px;\n            border: 1px solid rgba(0, 179, 198, 0.14);\n            background: rgba(10, 28, 74, 0.6);\n            display: grid;\n            grid-template-columns: 1fr auto;\n            grid-template-rows: auto auto;\n            gap: 8px 16px;\n            margin-bottom: 12px;\n            transition: all 0.3s ease;\n        }\n        \n        .info-list__item:hover {\n            border-color: rgba(0, 179, 198, 0.3);\n            background: rgba(10, 28, 74, 0.8);\n        }\n        \n        .info-list__item:last-child {\n            margin-bottom: 0;\n        }\n        \n        .info-list__label {\n            font-size: 14px;\n            color: var(--color-gray-text);\n            letter-spacing: 0.04em;\n            text-transform: uppercase;\n            font-weight: 600;\n            grid-column: 1;\n            grid-row: 1;\n        }\n        \n        .info-list__value {\n            font-size: 16px;\n            font-weight: 600;\n            color: var(--color-success);\n            padding: 4px 12px;\n            background: rgba(0, 196, 140, 0.15);\n            border-radius: 4px;\n            grid-column: 2;\n            grid-row: 1;\n            white-space: nowrap;\n        }\n        \n        .info-list__meta {\n            font-size: 13px;\n            color: var(--color-gray-text);\n            line-height: 1.5;\n            grid-column: 1 \/ -1;\n            grid-row: 2;\n        }\n        \n        \/* Quick Answers & Data Panels *\/\n        .quick-answers {\n            margin: 40px 0;\n        }\n        \n        .quick-answers h3 {\n            font-size: 24px;\n            font-weight: 700;\n            color: var(--color-white);\n            margin-bottom: 24px;\n        }\n        \n        .data-grid {\n            display: grid;\n            gap: 20px;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        }\n        \n        .data-panel {\n            border-radius: 8px;\n            border: 1px solid rgba(0, 179, 198, 0.18);\n            background: rgba(10, 28, 74, 0.6);\n            padding: 20px 24px;\n            display: grid;\n            gap: 12px;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .data-panel::before,\n        .data-panel::after {\n            content: '';\n            position: absolute;\n            width: 38px;\n            height: 2px;\n            background: linear-gradient(90deg, rgba(0, 179, 198, 0.7), transparent);\n        }\n        \n        .data-panel::before {\n            top: 14px;\n            right: 18px;\n        }\n        \n        .data-panel::after {\n            bottom: 14px;\n            left: 18px;\n            background: linear-gradient(90deg, transparent, rgba(98, 178, 220, 0.7));\n        }\n        \n        .data-panel__label {\n            font-size: 12px;\n            text-transform: uppercase;\n            letter-spacing: 0.16em;\n            color: var(--color-gray-text);\n            font-weight: 600;\n        }\n        \n        .data-panel__value {\n            font-size: clamp(1.35rem, 2.2vw, 1.9rem);\n            font-weight: 700;\n            color: var(--color-white);\n        }\n        \n        .data-panel__body {\n            color: var(--color-gray-text);\n            font-size: 14px;\n            line-height: 1.6;\n        }\n        \n        .data-panel__meta {\n            font-size: 13px;\n            color: var(--color-link);\n        }\n        \n        .data-panel__meta a {\n            color: var(--color-link);\n            text-decoration: none;\n        }\n        \n        .data-panel__meta a:hover {\n            color: var(--color-white);\n            text-decoration: underline;\n        }\n        \n        \/* Override table borders in cost section *\/\n        .section-collapsible table,\n        .section-collapsible td,\n        .section-collapsible th {\n            border: none !important;\n        }\n        \n        \/* Chart labels and text - ensure contrast *\/\n        .chart-container {\n            color: var(--color-white);\n        }\n\n        .grade-badge-link:focus {\n            color: var(--color-aqua);\n        }\n\n        details.expert-analysis {\n            margin-top: 30px;\n            background: rgba(255,255,255,0.04);\n            border-radius: 12px;\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n\n        details.expert-analysis summary {\n            list-style: none;\n        }\n\n        details.expert-analysis summary::-webkit-details-marker {\n            display: none;\n        }\n    <\/style>\n    \n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"CollegeOrUniversity\",\n      \"name\": \"Arizona State University Campus Immersion\",\n      \"url\": \"https:\/\/www.edsmart.org\/schools\/arizona-state-university-campus-immersion\/\",\n      \"description\": \"Arizona State University Campus Immersion is a public located in Tempe, AZ.\",\n      \"address\": {\n        \"@type\": \"PostalAddress\",\n        \"addressLocality\": \"Tempe\",\n        \"addressRegion\": \"AZ\",\n        \"addressCountry\": \"US\"\n      },\n      \"aggregateRating\": {\n        \"@type\": \"AggregateRating\",\n        \"ratingValue\": \"4.9\",\n        \"bestRating\": \"5\",\n        \"ratingCount\": \"1755\"\n      },\n      \"identifier\": {\n        \"@type\": \"PropertyValue\",\n        \"propertyID\": \"IPEDS\",\n        \"value\": \"104151\"\n      },\n      \"offers\": {\n        \"@type\": \"EducationalOccupationalProgram\",\n        \"educationalCredentialAwarded\": \"Bachelor's Degree\",\n        \"programType\": \"On-campus\"\n      }\n    }\n    <\/script>\n        <script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"EducationalOccupationalProgram\",\n      \"name\": \"Arizona State University Campus Immersion Undergraduate Program\",\n      \"educationalCredentialAwarded\": \"Bachelor's Degree\",\n      \"programType\": \"On-campus\",\n      \"provider\": {\n        \"@type\": \"CollegeOrUniversity\",\n        \"name\": \"Arizona State University Campus Immersion\",\n        \"url\": \"https:\/\/www.edsmart.org\/schools\/arizona-state-university-campus-immersion\/\",\n        \"sameAs\": \"https:\/\/www.asu.edu\"\n      },\n      \"hasCourse\": [\n        {\n          \"@type\": \"Course\",\n          \"name\": \"Business, Management, Marketing, and Related Suppo\"\n        },\n        {\n          \"@type\": \"Course\",\n          \"name\": \"Biology, General\"\n        },\n        {\n          \"@type\": \"Course\",\n          \"name\": \"Psychology, General\"\n        },\n        {\n          \"@type\": \"Course\",\n          \"name\": \"Business Administration, Management and Operations\"\n        },\n        {\n          \"@type\": \"Course\",\n          \"name\": \"Computer Science\"\n        },\n        {\n          \"@type\": \"Course\",\n          \"name\": \"Teacher Education and Professional Development, Specific Levels and Methods\"\n        }\n      ],\n      \"additionalProperty\": [\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Average time to complete\",\n          \"value\": \"P4Y4M\"\n        },\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Six-year graduation rate\",\n          \"value\": 68.0,\n          \"unitText\": \"PERCENT\"\n        }\n      ],\n      \"offers\": {\n        \"@type\": \"Offer\",\n        \"price\": 14967.0,\n        \"priceCurrency\": \"USD\",\n        \"description\": \"Average annual net price after aid\"\n      }\n    },\n    {\n      \"@type\": \"FinancialProduct\",\n      \"name\": \"Arizona State University Campus Immersion Net Price Overview\",\n      \"provider\": {\n        \"@type\": \"CollegeOrUniversity\",\n        \"name\": \"Arizona State University Campus Immersion\",\n        \"url\": \"https:\/\/www.edsmart.org\/schools\/arizona-state-university-campus-immersion\/\",\n        \"sameAs\": \"https:\/\/www.asu.edu\"\n      },\n      \"offers\": [\n        {\n          \"@type\": \"Offer\",\n          \"price\": 14967.0,\n          \"priceCurrency\": \"USD\",\n          \"description\": \"Average annual net price after financial aid.\"\n        },\n        {\n          \"@type\": \"Offer\",\n          \"price\": 120444.0,\n          \"priceCurrency\": \"USD\",\n          \"description\": \"Estimated four-year total cost paying full price.\"\n        },\n        {\n          \"@type\": \"Offer\",\n          \"price\": 65323.34,\n          \"priceCurrency\": \"USD\",\n          \"description\": \"Estimated total cost after average aid based on typical time to degree.\"\n        }\n      ],\n      \"additionalProperty\": [\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Return on investment (Total COA)\",\n          \"value\": 80.9,\n          \"unitText\": \"PERCENT\"\n        },\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Median alumni earnings (6 years)\",\n          \"value\": 52843.0,\n          \"unitText\": \"USD\"\n        }\n      ]\n    },\n    {\n      \"@type\": \"EducationalOccupationalProgram\",\n      \"name\": \"Arizona State University Campus Immersion Admissions Snapshot\",\n      \"provider\": {\n        \"@type\": \"CollegeOrUniversity\",\n        \"name\": \"Arizona State University Campus Immersion\",\n        \"url\": \"https:\/\/www.edsmart.org\/schools\/arizona-state-university-campus-immersion\/\",\n        \"sameAs\": \"https:\/\/www.asu.edu\"\n      },\n      \"additionalProperty\": [\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Acceptance Rate\",\n          \"value\": 89.89,\n          \"unitText\": \"PERCENT\"\n        },\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Transfer Acceptance Rate\",\n          \"value\": 18.1,\n          \"unitText\": \"PERCENT\"\n        }\n      ]\n    },\n    {\n      \"@type\": \"EducationalOccupationalProgram\",\n      \"name\": \"Arizona State University Campus Immersion Outcomes Snapshot\",\n      \"provider\": {\n        \"@type\": \"CollegeOrUniversity\",\n        \"name\": \"Arizona State University Campus Immersion\",\n        \"url\": \"https:\/\/www.edsmart.org\/schools\/arizona-state-university-campus-immersion\/\",\n        \"sameAs\": \"https:\/\/www.asu.edu\"\n      },\n      \"additionalProperty\": [\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Six-year graduation rate\",\n          \"value\": 68.0,\n          \"unitText\": \"PERCENT\"\n        },\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Median alumni earnings\",\n          \"value\": 52843.0,\n          \"unitText\": \"USD\"\n        },\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"ROI (Total cost of attendance)\",\n          \"value\": 80.9,\n          \"unitText\": \"PERCENT\"\n        }\n      ]\n    },\n    {\n      \"@type\": \"Dataset\",\n      \"name\": \"Arizona State University Campus Immersion Financial Aid Distribution\",\n      \"description\": \"Share of undergraduates receiving Pell Grants or federal loans.\",\n      \"creator\": {\n        \"@type\": \"CollegeOrUniversity\",\n        \"name\": \"Arizona State University Campus Immersion\",\n        \"url\": \"https:\/\/www.edsmart.org\/schools\/arizona-state-university-campus-immersion\/\",\n        \"sameAs\": \"https:\/\/www.asu.edu\"\n      },\n      \"variableMeasured\": [\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Pell Grant Recipients\",\n          \"value\": \"0.0%\"\n        }\n      ],\n      \"distribution\": {\n        \"@type\": \"DataDownload\",\n        \"encodingFormat\": \"text\/html\",\n        \"contentUrl\": \"https:\/\/www.edsmart.org\/schools\/arizona-state-university-campus-immersion\/#financial\"\n      }\n    },\n    {\n      \"@type\": \"Article\",\n      \"headline\": \"Arizona State University Campus Immersion - Complete Profile, Rankings & Outcomes\",\n      \"description\": \"Comprehensive guide to Arizona State University Campus Immersion: Rankings, 4-Year Tuition, Financial Aid, Online Degrees, Transfer Acceptance Rate, Address, Location, graduation rates, career outcomes. See costs, majors, and admissions information.\",\n      \"url\": \"https:\/\/www.edsmart.org\/schools\/arizona-state-university-campus-immersion\/\",\n      \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\/\/www.edsmart.org\/schools\/arizona-state-university-campus-immersion\/\"\n      },\n      \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"EDsmart\",\n        \"url\": \"https:\/\/www.edsmart.org\"\n      },\n      \"author\": {\n        \"@type\": \"Organization\",\n        \"name\": \"EDsmart\",\n        \"url\": \"https:\/\/www.edsmart.org\"\n      },\n      \"articleBody\": \"Arizona State University Campus Immersion is a public university in Tempe, AZ. Students most often pursue Computer Engineering and Computer Science. Inside the classroom, students benefit from a 18:1 student-faculty ratio. Faculty pair challenging syllabi with intentional mentoring so learners keep momentum even as expectations rise. EDsmart calculates return on investment at 80.9%, roughly 31.0 points higher than typical outcomes. Expect the strongest outcomes for students who appreciate an encouraging campus with room to explore.\"\n    }\n  ]\n}\n    <\/script>\n    <link rel='stylesheet' id='edsmart-child-style-css' href='https:\/\/www.edsmart.org\/schools\/wp-content\/themes\/edsmart-schools-profiles\/style.css?ver=6.9' media='all' \/>\n<\/head>\n<body>\n    <!-- Page Header -->\n    <header class=\"page-header\">\n        <div class=\"header-content\" style=\"display: flex; justify-content: space-between; align-items: center;\">\n            <a href=\"https:\/\/www.edsmart.org\/\" class=\"logo\">ED<span style=\"color: var(--ast-global-color-5);\">smart<\/span><\/a>\n            <button class=\"hamburger\" aria-label=\"Toggle navigation menu\" aria-expanded=\"false\">\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n            <\/button>\n            <nav>\n                <ul class=\"header-nav\">\n                    <li><a href=\"https:\/\/www.edsmart.org\/schools\/\">School Search<\/a><\/li>\n                    <li><a href=\"https:\/\/www.edsmart.org\/colleges\/\">Colleges<\/a><\/li>\n                    <li><a href=\"https:\/\/www.edsmart.org\/degrees\/\">Degrees<\/a><\/li>\n                    <li><a href=\"https:\/\/www.edsmart.org\/accredited-online-colleges\/\">Online Colleges<\/a><\/li>\n                    <li><a href=\"https:\/\/www.edsmart.org\/newsroom\/\">Newsroom<\/a><\/li>\n                <\/ul>\n            <\/nav>\n            <a href=\"https:\/\/edsmart.collegedegrees.com\/app\/experience\/?publisher=edsmart.org&url=https%3A%2F%2Fwww.edsmart.org%2Fschools%2F&degree=general&category=general\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\" style=\"padding: 10px 20px; font-size: 14px;\">Search Programs<\/a>\n        <\/div>\n    <\/header>\n\n    <!-- Main Container -->\n    <main id=\"main-content\" class=\"container\">\n        <!-- Sidebar -->\n        <aside class=\"sidebar\">\n                        <div class=\"sidebar-image\">\n                <div class=\"sidebar-logo-fallback\" style=\"display: none; box-sizing: border-box; align-items: center; justify-content: center; height: 240px; background: linear-gradient(135deg, var(--color-aqua) 0%, var(--color-success) 100%); border-radius: 8px; text-align: center; color: white; font-weight: 700; font-size: 20px; letter-spacing: 1px; flex-direction: column;\">\n                    EDsmart<br><span style=\"font-size: 16px; font-weight: 500;\">Ranked School<\/span>\n                <\/div>\n                <img src=\"https:\/\/images.unsplash.com\/photo-1541829070764-84a7d30dd3f3?w=800&auto=format&fit=crop&q=80\"\n                     alt=\"Arizona State University Campus Immersion\"\n                     style=\"width: 100%; height: 240px; object-fit: cover; border-radius: 8px;\"\n                     onerror=\"this.onerror=null;this.style.display='none';var f=this.previousElementSibling;if(f){f.style.display='flex';}\">\n            <\/div>\n            \n            <!-- Category Grades -->\n            <div class=\"sidebar-categories\">\n                <div class=\"sidebar-category-badge\" data-grade=\"B+\">\n                    <div class=\"category-label\">Completion<\/div>\n                    <div class=\"category-grade-small\">B+<\/div>\n                <\/div>\n                <div class=\"sidebar-category-badge\" data-grade=\"B\">\n                    <div class=\"category-label\">Affordability<\/div>\n                    <div class=\"category-grade-small\">B<\/div>\n                <\/div>\n                <div class=\"sidebar-category-badge\" data-grade=\"B\">\n                    <div class=\"category-label\">Support<\/div>\n                    <div class=\"category-grade-small\">B<\/div>\n                <\/div>\n                <div class=\"sidebar-category-badge\" data-grade=\"B+\">\n                    <div class=\"category-label\">Career<\/div>\n                    <div class=\"category-grade-small\">B+<\/div>\n                <\/div>\n            <\/div>\n        <\/aside>\n        \n        <!-- Main Content -->\n        <div class=\"main-content\">\n        <!-- School Hero -->\n        <div class=\"school-hero\" id=\"overview\">\n            <div class=\"school-title-section\">\n                <div class=\"school-title-info\">\n                    <div style=\"display: flex; align-items: flex-start; gap: 20px; margin-bottom: 15px;\">\n                        <img src=\"https:\/\/logo.clearbit.com\/asu.edu?size=200\" alt=\"Arizona State University Campus Immersion Logo\" style=\"width: 120px; height: 120px; border-radius: 8px; object-fit: contain; background: white; padding: 8px; flex-shrink: 0;\" onerror=\"this.style.display='none'\">\n                        <div style=\"flex: 1;\">\n                            <h1 style=\"margin: 0 0 8px 0;\">Arizona State University Campus Immersion<\/h1>\n                            <div class=\"school-subtitle\">Tempe, AZ | Public | University<\/div>\n                            \n                    <\/div>\n                <\/div>\n                    <p class=\"aio-lead school-aio-lead\" data-llm=\"summary\">Arizona State University Campus Immersion has an acceptance rate of 89.9%, average net price of $14,967, and a national rank of #232 (Grade A-), with a 68.0% six-year graduation rate, and median earnings of $52,843 six years after enrollment. Figures come from the U.S. Department of Education College Scorecard and EDsmart's 2026 rankings.<\/p>\n                    \n                    \n                    <div class=\"school-overview\"><p>Arizona State University Campus Immersion is a public university in Tempe, AZ. Students most often pursue Computer Engineering and Computer Science.<\/p><p>Inside the classroom, students benefit from a 18:1 student-faculty ratio. Faculty pair challenging syllabi with intentional mentoring so learners keep momentum even as expectations rise.<\/p><p>EDsmart calculates return on investment at 80.9%, roughly 31.0 points higher than typical outcomes. Expect the strongest outcomes for students who appreciate an encouraging campus with room to explore.<\/p><\/div>\n                <\/div>\n                <div class=\"hero-badge-column\">\n                <div class=\"grade-badge\">\n                    <div class=\"grade\">A-<\/div>\n                    <div class=\"label\">Ranking<\/div>\n                    <div class=\"rank\">#232 of 6,119<\/div>\n                <\/div>\n                    <a href=\"https:\/\/www.edsmart.org\/our-rankings\/\" class=\"grade-badge-link\" target=\"_blank\" rel=\"noopener\">How We Rank Schools<\/a>\n                    <span style=\"background: transparent; padding: 10px 14px; border-radius: 8px; font-size: 12px; font-weight: 600; text-align: center; display: block; width: 100%; min-height: 46px; box-sizing: border-box; color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); transition: 0.3s; --hover-bg: #FFFFFF; --hover-text: #0A1C4A;\" onmouseover=\"this.style.background=this.style.getPropertyValue('--hover-bg'); this.style.color=this.style.getPropertyValue('--hover-text');\" onmouseout=\"this.style.background='transparent'; this.style.color='#FFFFFF';\">Lower tuition<\/span><span style=\"background: transparent; padding: 10px 14px; border-radius: 8px; font-size: 12px; font-weight: 600; text-align: center; display: block; width: 100%; min-height: 46px; box-sizing: border-box; color: #FFFFFF; border: 2px solid #00C48C; transition: all 0.3s ease; --hover-bg: #00C48C; --hover-text: white;\" onmouseover=\"this.style.background=this.style.getPropertyValue('--hover-bg'); this.style.color=this.style.getPropertyValue('--hover-text');\" onmouseout=\"this.style.background='transparent'; this.style.color='#FFFFFF';\">Public school option<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- At-a-Glance Metrics -->\n        <section class=\"at-a-glance\" id=\"at-a-glance\">\n            <div class=\"at-a-glance-title\">At a Glance<\/div>\n            <div class=\"at-a-glance-grid\">\n                \n            <div class=\"kpi-chip\">\n                <div class=\"kpi-label\">Ranking<\/div>\n                <div class=\"kpi-value\">#232 of 6,119 (Top 3.8%)<\/div>\n            <\/div>\n        \n            <div class=\"kpi-chip accent\">\n                <div class=\"kpi-label\">Tuition<\/div>\n                <div class=\"kpi-value\">Not reported<\/div>\n            <\/div>\n        \n            <div class=\"kpi-chip accent\">\n                <div class=\"kpi-label\">Net Price<\/div>\n                <div class=\"kpi-value\">$14,967<\/div>\n            <\/div>\n        \n            <div class=\"kpi-chip\">\n                <div class=\"kpi-label\">Acceptance Rate<\/div>\n                <div class=\"kpi-value\">89.9%<\/div>\n            <\/div>\n        \n            <div class=\"kpi-chip\">\n                <div class=\"kpi-label\">Transfer Rate<\/div>\n                <div class=\"kpi-value\">18.1%<\/div>\n            <\/div>\n        \n            <div class=\"kpi-chip\">\n                <div class=\"kpi-label\">Student Population<\/div>\n                <div class=\"kpi-value\">Not reported<\/div>\n            <\/div>\n        \n            <div class=\"kpi-chip\">\n                <div class=\"kpi-label\">Student-Faculty<\/div>\n                <div class=\"kpi-value\">18:1<\/div>\n            <\/div>\n        \n            <div class=\"kpi-chip\">\n                <div class=\"kpi-label\">Graduation Rate<\/div>\n                <div class=\"kpi-value\">68.0%<\/div>\n            <\/div>\n        \n            <div class=\"kpi-chip\">\n                <div class=\"kpi-label\">Retention Rate<\/div>\n                <div class=\"kpi-value\">Not reported<\/div>\n            <\/div>\n        \n            <div class=\"kpi-chip\">\n                <div class=\"kpi-label\">6-Yr Earnings<\/div>\n                <div class=\"kpi-value\">$52,843<\/div>\n            <\/div>\n        \n            <div class=\"kpi-chip accent\">\n                <div class=\"kpi-label\">ROI<\/div>\n                <div class=\"kpi-value\">80.9%<\/div>\n            <\/div>\n        \n            <\/div>\n        <\/section>\n\n        <!-- Best For Section -->\n        <div class=\"section\" id=\"best-for\">\n            <h2 class=\"section-title\">Who is Arizona State University Campus Immersion Best For?<\/h2>\n            <p style=\"color: var(--color-gray-text); font-size: 15px; margin-bottom: 18px; line-height: 1.7;\">\n                A quick look at who tends to feel most at home here based on outcomes and campus context.\n            <\/p>\n            <div class=\"best-for-grid\"><div style=\"background: transparent; padding: 10px 14px; border-radius: 8px; font-size: 12px; font-weight: 600; text-align: center; display: block; width: 100%; min-height: 46px; box-sizing: border-box; color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); transition: 0.3s; --hover-bg: #FFFFFF; --hover-text: #0A1C4A;\" onmouseover=\"this.style.background=this.style.getPropertyValue('--hover-bg'); this.style.color=this.style.getPropertyValue('--hover-text');\" onmouseout=\"this.style.background='transparent'; this.style.color='#FFFFFF';\">Families tracking affordability closely<\/div><\/div>\n        <\/div>\n    \n\n        <!-- Sticky Navigation Tabs -->\n        <div class=\"sticky-nav\" id=\"stickyNav\">\n            <div class=\"sticky-nav-inner\">\n                <nav class=\"sticky-nav-content\" aria-label=\"Section navigation\">\n                    <a href=\"#overview\" class=\"nav-tab active\">Overview<\/a>\n                    <a href=\"#best-for\" class=\"nav-tab\">Best For<\/a>\n                    <a href=\"#scores\" class=\"nav-tab\">EDsmart Grades<\/a>\n                    <a href=\"#financial\" class=\"nav-tab\">Cost &amp; Aid<\/a>\n                    <a href=\"#career\" class=\"nav-tab\">ROI &amp; Outcomes<\/a>\n                    <a href=\"#acceptance\" class=\"nav-tab\">Acceptance<\/a>\n                    <a href=\"#programs\" class=\"nav-tab\">Academics<\/a>\n                    <a href=\"#online\" class=\"nav-tab\">Online<\/a>\n                    <a href=\"#demographics\" class=\"nav-tab\">Student Demographics<\/a>\n                    <a href=\"#our-take\" class=\"nav-tab\">Our Take<\/a>\n                    <a href=\"#faq\" class=\"nav-tab\">FAQ<\/a>\n                    <a href=\"#similar\" class=\"nav-tab\">Similar Schools<\/a>\n                    <a href=\"#nearby\" class=\"nav-tab\">Nearby Schools<\/a>\n                    <a href=\"#contact-info\" class=\"nav-tab\">Contact<\/a>\n                    <a href=\"#methodologyBox\" class=\"nav-tab\">Methodology<\/a>\n                <\/nav>\n            <\/div>\n        <\/div>\n\n        <!-- EDsmart Scores -->\n        <div class=\"section\" id=\"scores\">\n            <h2 class=\"section-title\">EDsmart Scores Summary<\/h2>\n            \n            <!-- Ranking Context Box -->\n            <div style=\"background: var(--color-primary); padding: 20px; border-radius: 8px; border: 2px solid rgba(0,196,140,0.3); margin-bottom: 30px;\">\n                <div style=\"display: flex; align-items: center; gap: 20px; flex-wrap: wrap;\">\n                    <div style=\"flex: 1; min-width: 200px;\">\n                        <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5px;\">Overall Ranking<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: var(--color-success);\">#232 of 6,119<\/div>\n                        <div style=\"font-size: 12px; color: var(--color-gray-text); margin-top: 5px;\">Top 3.8% of all institutions<\/div>\n                    <\/div>\n                    <div style=\"flex: 1; min-width: 200px;\">\n                        <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5px;\">EDsmart Score<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: var(--color-white);\">86.6 \/ 100 (national index)<\/div>\n                        <div style=\"font-size: 12px; color: var(--color-gray-text); margin-top: 5px;\">Curved score (top institution = 100.0)<\/div>\n                    <\/div>\n                    <div style=\"flex: 1; min-width: 200px;\">\n                        <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5px;\">Value Rating<\/div>\n                        <div style=\"font-size: 32px; font-weight: 900; color: var(--color-aqua);\">4.33 \/ 5<\/div>\n                        <div style=\"font-size: 12px; color: var(--color-gray-text); margin-top: 5px;\">Based on ROI and outcomes<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"category-grades\" style=\"margin-bottom: 30px;\">\n                <div class=\"category-grade-badge\" data-grade=\"B+\">\n                    <div class=\"category-name\">Completion<\/div>\n                    <div class=\"category-grade\">B+<\/div>\n                    <div class=\"category-rank\">#359 of 6,119<\/div>\n                <\/div>\n                <div class=\"category-grade-badge\" data-grade=\"B\">\n                    <div class=\"category-name\">Affordability<\/div>\n                    <div class=\"category-grade\">B<\/div>\n                    <div class=\"category-rank\">#661 of 6,119<\/div>\n                <\/div>\n                <div class=\"category-grade-badge\" data-grade=\"B\">\n                    <div class=\"category-name\">Support<\/div>\n                    <div class=\"category-grade\">B<\/div>\n                    <div class=\"category-rank\">#789 of 6,119<\/div>\n                <\/div>\n                <div class=\"category-grade-badge\" data-grade=\"B+\">\n                    <div class=\"category-name\">Career Outcomes<\/div>\n                    <div class=\"category-grade\">B+<\/div>\n                    <div class=\"category-rank\">#389 of 6,119<\/div>\n                <\/div>\n            <\/div>\n            <div style=\"background: rgba(0,179,198,0.1); padding: 20px; border-radius: 8px; border-left: 4px solid var(--color-aqua); margin-top: 30px;\">\n                <p style=\"color: var(--color-white); font-size: 15px; line-height: 1.7; margin-bottom: 10px;\">Arizona State University Campus Immersion graduates 68.0% of students within six years and does not report first-year retention. Affordability earns a B compared with similar schools.<\/p>\n                <a href=\"https:\/\/www.edsmart.org\/our-rankings\/\" style=\"color: var(--color-aqua); font-size: 13px; font-weight: 600; text-decoration: none;\" target=\"_blank\" rel=\"noopener\">How we calculate this \u2192<\/a>\n            <\/div>\n            \n            \n        <\/div>\n\n        <!-- Cost & Financial Aid -->\n        <div class=\"section\" id=\"financial\">\n            <h2 class=\"section-title\">Cost & Financial Aid<\/h2>\n            <section class=\"quick-answers\"><h3>Quick Answers<\/h3><div class=\"data-grid\"><div class=\"data-panel\"><div class=\"data-panel__label\">What does it cost?<\/div><div class=\"data-panel__value\">Depends on income<\/div><div class=\"data-panel__body\">$9,070-$24,296 annual net price based on family income.<\/div><div class=\"data-panel__meta\"><a href=\"#financial\">Review brackets \u2192<\/a><\/div><\/div><div class=\"data-panel\"><div class=\"data-panel__label\">What's the graduation rate?<\/div><div class=\"data-panel__value\">Likely<\/div><div class=\"data-panel__body\">68.0% finish within six years. 55.6% complete in four years.<\/div><\/div><div class=\"data-panel\"><div class=\"data-panel__label\">What are job outcomes?<\/div><div class=\"data-panel__value\">Highly likely<\/div><div class=\"data-panel__body\">86.8% of alumni are employed within three years of leaving. Median earnings six years after entry are $52,843. Pay varies by major.<\/div><div class=\"data-panel__meta\"><a href=\"#programs\">Explore majors \u2192<\/a><\/div><\/div><\/div><\/section>\n            \n            <!-- Net Price Calculator CTA -->\n            <div style=\"background: linear-gradient(135deg, rgba(0,196,140,0.15) 0%, rgba(0,179,198,0.15) 100%); padding: 30px; border-radius: 12px; border: 2px solid var(--color-aqua); margin-bottom: 40px; text-align: center;\">\n                <div style=\"font-size: 20px; color: var(--color-white); font-weight: 700; margin-bottom: 10px;\">Get Your Personalized Cost Estimate<\/div>\n                <p style=\"font-size: 15px; color: var(--color-gray-text); margin-bottom: 20px; line-height: 1.6;\">The costs shown are averages. Use Arizona State University Campus Immersion's net price calculator to get an estimate based on your family's financial situation.<\/p>\n                <a href=\"https:\/\/app.meadowfi.com\/asu\" target=\"_blank\" class=\"btn btn-primary\" style=\"padding: 18px 40px; font-size: 17px; display: inline-block; border-radius: 8px; font-weight: 700; text-decoration: none; transition: all 0.3s ease;\">Calculate Your Net Price \u2192<\/a>\n            <\/div>\n            \n            <!-- At a Glance: Total Degree Cost Summary -->\n            <div style=\"background: rgba(0,179,198,0.1); padding: 25px; border-radius: 12px; border-left: 4px solid var(--color-aqua); margin-bottom: 40px;\">\n                <h3 style=\"font-size: 18px; color: var(--color-white); margin-bottom: 15px; font-weight: 700;\">Total Degree Cost Summary<\/h3>\n                <div class=\"two-column\" style=\"margin-top: 15px;\">\n                    <div>\n                        <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 5px;\">4-Year Total Cost (Pay with Cash)<\/div>\n                        <div style=\"font-size: 28px; font-weight: 700; color: var(--color-white);\">$120,444<\/div>\n                        <div style=\"font-size: 11px; color: var(--color-gray-text); margin-top: 5px;\">$30,111 \u00d7 4 years<\/div>\n                    <\/div>\n                    <div>\n                        <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 5px;\">Average Total Cost (Pay with Financial Aid)<\/div>\n                        <div style=\"font-size: 28px; font-weight: 700; color: var(--color-aqua);\">$65,323<\/div>\n                        <div style=\"font-size: 11px; color: var(--color-gray-text); margin-top: 5px;\">$14,967 \u00d7 4.4 years average<\/div>\n                    <\/div>\n                <\/div>\n                <div style=\"margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1);\">\n                    <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 8px;\">Time to Degree<\/div>\n                    <div style=\"font-size: 16px; color: var(--color-white); line-height: 1.6;\">\n                        <strong>Average:<\/strong> 4.4 years | <strong>4-Year Rate:<\/strong> 55.6% | <strong>6-Year Rate:<\/strong> 68.0%\n                    <\/div>\n                    <div style=\"font-size: 12px; color: var(--color-gray-text); margin-top: 8px; line-height: 1.5;\">\n                        Most students finish in about four to five years. Four-year completion is 55.6% and six-year completion is 68.0%.<\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"margin-bottom: 40px;\">\n                <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 20px; font-weight: 600;\">Annual Cost Comparison<\/h3>\n                <div class=\"two-column\">\n                    <div>\n                        <div style=\"background: var(--color-primary); padding: 20px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.2); margin-bottom: 15px;\">\n                            <div style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 8px;\">Pay with Cash<\/div>\n                            <div style=\"font-size: 32px; font-weight: 700; color: var(--color-white); margin-bottom: 8px;\">$30,111<\/div>\n                            <div style=\"font-size: 12px; color: var(--color-gray-text); line-height: 1.6;\">Total annual cost including tuition, books and living expenses; excluding any financial aid, grants or scholarships.<\/div>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div style=\"background: var(--color-primary); padding: 20px; border-radius: 8px; border: 2px solid rgba(0,179,198,0.3);\">\n                            <div style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 8px;\">Pay with Financial Aid<\/div>\n                            <div style=\"font-size: 32px; font-weight: 700; color: var(--color-white); margin-bottom: 8px;\">$14,967<\/div>\n                            <div style=\"font-size: 12px; color: var(--color-gray-text); line-height: 1.6;\">Average annual cost including tuition, books and living expenses after financial aid, grants or scholarships.<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Detailed Cost Breakdown -->\n            <div style=\"margin-bottom: 40px;\">\n                <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 20px; font-weight: 600;\">Cost of Undergraduate Attendance<\/h3>\n                <p style=\"color: var(--color-gray-text); font-size: 14px; margin-bottom: 20px;\">Costs based on full-time, first-time degree- or certificate-seeking undergraduates.<\/p>\n                <details class=\"section-collapsible\" style=\"background: rgba(255,255,255,0.02); border-radius: 12px; border: 1px solid rgba(255,255,255,0.08);\" open>\n                    <summary style=\"padding: 18px 24px; cursor: pointer; font-weight: 700; color: var(--color-white); list-style: none;\">View cost of attendance line items<\/summary>\n                <div style=\"background: var(--color-primary); padding: 25px; border-top: 1px solid rgba(255,255,255,0.08);\">\n                    <table style=\"width: 100%; border-collapse: collapse;\">\n                        <thead>\n                            <tr style=\"border-bottom: 1px solid rgba(255,255,255,0.1);\">\n                                <th style=\"text-align: left; padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 14px;\">Costs to Consider<\/th>\n                                <th style=\"text-align: right; padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 14px;\">Price<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr style=\"border-bottom: 1px solid rgba(255,255,255,0.05);\">\n                                <td style=\"padding: 12px 0; color: var(--color-gray-text); font-size: 14px;\">Tuition and Fees<\/td>\n                                <td style=\"text-align: right; padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 14px;\">Not reported<\/td>\n                            <\/tr>\n                            <tr style=\"border-bottom: 1px solid rgba(255,255,255,0.05);\">\n                                <td style=\"padding: 12px 0; color: var(--color-gray-text); font-size: 14px;\">Books and Supplies<\/td>\n                                <td style=\"text-align: right; padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 14px;\">Not reported<\/td>\n                            <\/tr>\n                            <tr style=\"border-bottom: 1px solid rgba(255,255,255,0.05);\">\n                                <td style=\"padding: 12px 0; color: var(--color-gray-text); font-size: 14px;\">On-Campus Room and Board<\/td>\n                                <td style=\"text-align: right; padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 14px;\">Not reported<\/td>\n                            <\/tr>\n                            <tr style=\"border-bottom: 1px solid rgba(255,255,255,0.05);\">\n                                <td style=\"padding: 12px 0; color: var(--color-gray-text); font-size: 14px;\">On-Campus Other Expenses<\/td>\n                                <td style=\"text-align: right; padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 14px;\">Not reported<\/td>\n                            <\/tr>\n                            <tr>\n                                <td style=\"padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 16px;\">Total On-Campus Cost<\/td>\n                                <td style=\"text-align: right; padding: 12px 0; color: var(--color-success); font-weight: 700; font-size: 16px;\">$30,111<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n                <\/details>\n                <p style=\"margin-top: 18px; font-size: 13px; color: var(--color-gray-text); line-height: 1.6;\">\n                    Tip: focus on the rows that match your living plan\u2014commuters can swap in off-campus estimates while residential students should budget for housing, meals, and incidental fees.\n                <\/p>\n            <\/div>\n            \n            <!-- Financial Aid Breakdown -->\n            <div style=\"margin-bottom: 40px;\">\n                <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 20px; font-weight: 600;\">Students Receiving Aid<\/h3>\n                <div style=\"background: var(--color-primary); padding: 25px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.1);\">\n                    <div style=\"display: grid; grid-template-columns: 1fr auto; gap: 15px 20px; align-items: center;\">\n                        <div style=\"color: var(--color-gray-text); font-size: 14px;\">Pell Grant<\/div>\n                        <div style=\"display: flex; align-items: center; gap: 15px;\">\n                            <div style=\"flex: 1; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden;\">\n                                <div style=\"height: 100%; width: 0.0%; background: var(--color-tertiary-600);\"><\/div>\n                            <\/div>\n                            <div style=\"color: var(--color-white); font-weight: 600; font-size: 14px; min-width: 50px; text-align: right;\">0.0%<\/div>\n                        <\/div>\n                        <div style=\"color: var(--color-gray-text); font-size: 14px;\">Federal Loan<\/div>\n                        <div style=\"display: flex; align-items: center; gap: 15px;\">\n                            <div style=\"flex: 1; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden;\">\n                                <div style=\"height: 100%; width: 0.0%; background: var(--color-tertiary-600);\"><\/div>\n                            <\/div>\n                            <div style=\"color: var(--color-white); font-weight: 600; font-size: 14px; min-width: 50px; text-align: right;\">0.0%<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <p style=\"margin-top: 18px; font-size: 13px; color: var(--color-gray-text); line-height: 1.6;\">\n                Use these bars to gauge how many classmates rely on need-based dollars\u2014lower Pell or loan shares may signal a wealthier student body or generous institutional grants.\n            <\/p>\n            \n            <div style=\"background: #1F2F58; padding: 24px; border-radius: 12px; border-left: 4px solid var(--color-warning); margin-top: 30px;\">\n                <p style=\"color: #F5F7FA; font-size: 15px; line-height: 1.8; margin: 0;\">\n                    <strong style=\"color: var(--color-warning);\">EDsmart Insight:<\/strong> Only 0.0% of Arizona State University Campus Immersion students receive Pell Grants \u2014 far below the national average, underscoring equity challenges.\n                <\/p>\n            <\/div>\n            \n            <!-- Net Price by Family Income -->\n            \n<div style=\"margin-top: 40px; margin-bottom: 40px;\">\n    <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 8px; font-weight: 600;\">Net Price by Family Income<\/h3>\n    <p style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 20px; line-height: 1.6;\">\n        Average annual net price after financial aid, based on family income. Your actual cost may vary depending on your specific financial situation.\n    <\/p>\n    \n    <div style=\"background: var(--color-primary); padding: 30px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1);\">\n\n        <div style=\" margin-bottom: 20px;\">\n            <div style=\"display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px;\">\n                <div style=\"font-size: 15px; color: var(--color-white); font-weight: 600;\">$0 - $30,000<\/div>\n                <div style=\"font-size: 20px; color: var(--color-tertiary-600); font-weight: 700;\">$9,070<\/div>\n            <\/div>\n            <div style=\"width: 100%; height: 10px; background: rgba(255,255,255,0.1); border-radius: 5px; overflow: hidden;\">\n                <div style=\"width: 37.3%; height: 100%; background: linear-gradient(90deg, var(--color-tertiary-600) 0%, var(--color-tertiary-600) 100%);\"><\/div>\n            <\/div>\n            <div style=\"font-size: 11px; color: var(--color-gray-text); margin-top: 4px;\">\n                Average annual cost for families earning $0-$30K\n            <\/div>\n        <\/div>\n\n        <div style=\" margin-bottom: 20px;\">\n            <div style=\"display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px;\">\n                <div style=\"font-size: 15px; color: var(--color-white); font-weight: 600;\">$30,001 - $48,000<\/div>\n                <div style=\"font-size: 20px; color: var(--color-tertiary-600); font-weight: 700;\">$10,711<\/div>\n            <\/div>\n            <div style=\"width: 100%; height: 10px; background: rgba(255,255,255,0.1); border-radius: 5px; overflow: hidden;\">\n                <div style=\"width: 44.1%; height: 100%; background: linear-gradient(90deg, var(--color-tertiary-600) 0%, var(--color-tertiary-600) 100%);\"><\/div>\n            <\/div>\n            <div style=\"font-size: 11px; color: var(--color-gray-text); margin-top: 4px;\">\n                Average annual cost for families earning $30K-$48K\n            <\/div>\n        <\/div>\n\n        <div style=\" margin-bottom: 20px;\">\n            <div style=\"display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px;\">\n                <div style=\"font-size: 15px; color: var(--color-white); font-weight: 600;\">$48,001 - $75,000<\/div>\n                <div style=\"font-size: 20px; color: var(--color-error); font-weight: 700;\">$16,801<\/div>\n            <\/div>\n            <div style=\"width: 100%; height: 10px; background: rgba(255,255,255,0.1); border-radius: 5px; overflow: hidden;\">\n                <div style=\"width: 69.2%; height: 100%; background: linear-gradient(90deg, var(--color-error) 0%, var(--color-error) 100%);\"><\/div>\n            <\/div>\n            <div style=\"font-size: 11px; color: var(--color-gray-text); margin-top: 4px;\">\n                Average annual cost for families earning $48K-$75K\n            <\/div>\n        <\/div>\n\n        <div style=\" margin-bottom: 20px;\">\n            <div style=\"display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px;\">\n                <div style=\"font-size: 15px; color: var(--color-white); font-weight: 600;\">$75,001 - $110,000<\/div>\n                <div style=\"font-size: 20px; color: var(--color-error); font-weight: 700;\">$20,130<\/div>\n            <\/div>\n            <div style=\"width: 100%; height: 10px; background: rgba(255,255,255,0.1); border-radius: 5px; overflow: hidden;\">\n                <div style=\"width: 82.9%; height: 100%; background: linear-gradient(90deg, var(--color-error) 0%, var(--color-error) 100%);\"><\/div>\n            <\/div>\n            <div style=\"font-size: 11px; color: var(--color-gray-text); margin-top: 4px;\">\n                Average annual cost for families earning $75K-$110K\n            <\/div>\n        <\/div>\n\n        <div style=\"\">\n            <div style=\"display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px;\">\n                <div style=\"font-size: 15px; color: var(--color-white); font-weight: 600;\">$110,001+<\/div>\n                <div style=\"font-size: 20px; color: var(--color-error); font-weight: 700;\">$24,296<\/div>\n            <\/div>\n            <div style=\"width: 100%; height: 10px; background: rgba(255,255,255,0.1); border-radius: 5px; overflow: hidden;\">\n                <div style=\"width: 100.0%; height: 100%; background: linear-gradient(90deg, var(--color-error) 0%, var(--color-error) 100%);\"><\/div>\n            <\/div>\n            <div style=\"font-size: 11px; color: var(--color-gray-text); margin-top: 4px;\">\n                Average annual cost for families earning $110K+\n            <\/div>\n        <\/div>\n\n    <\/div>\n    \n    <!-- Key Insight Box -->\n    <div style=\"background: rgba(0,179,198,0.1); padding: 20px; border-radius: 8px; border-left: 4px solid var(--color-aqua); margin-top: 20px;\">\n        <p style=\"color: var(--color-white); font-size: 14px; line-height: 1.7; margin-bottom: 10px;\">\n            <strong style=\"color: var(--color-aqua);\">Understanding These Numbers:<\/strong> Net price varies significantly by income level. Net prices range from $9,070 to $24,296 depending on family income. Use Arizona State University Campus Immersion's net price calculator for a personalized estimate.\n        <\/p>\n        <div style=\"margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.1);\">\n            <div style=\"font-size: 12px; color: var(--color-gray-text); margin-bottom: 8px;\">4-Year Total Cost Estimates:<\/div>\n            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px;\">\n\n                <div>\n                    <div style=\"font-size: 11px; color: var(--color-gray-text);\">$0-$30K families<\/div>\n                    <div style=\"font-size: 16px; color: var(--color-tertiary-600); font-weight: 700;\">~$40,815<\/div>\n                <\/div>\n\n                <div>\n                    <div style=\"font-size: 11px; color: var(--color-gray-text);\">$30K-$48K families<\/div>\n                    <div style=\"font-size: 16px; color: var(--color-tertiary-600); font-weight: 700;\">~$48,200<\/div>\n                <\/div>\n\n                <div>\n                    <div style=\"font-size: 11px; color: var(--color-gray-text);\">$48K-$75K families<\/div>\n                    <div style=\"font-size: 16px; color: var(--color-error); font-weight: 700;\">~$75,604<\/div>\n                <\/div>\n\n                <div>\n                    <div style=\"font-size: 11px; color: var(--color-gray-text);\">$75K-$110K families<\/div>\n                    <div style=\"font-size: 16px; color: var(--color-error); font-weight: 700;\">~$90,585<\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n            \n            <!-- Affordability Alert -->\n            \n            <div style=\"background: #1F2F58; padding: 25px; border-radius: 12px; border-left: 4px solid var(--color-warning); margin-top: 30px;\">\n                <div style=\"display: flex; align-items: start; gap: 15px;\">\n                    <div style=\"flex: 1;\">\n                        <div style=\"font-size: 15px; color: var(--color-warning); font-weight: 700; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px;\">AFFORDABILITY ALERT<\/div>\n                        <p style=\"color: var(--color-white); font-size: 14px; line-height: 1.7; margin-bottom: 8px;\">\n                            <strong>If your family earns $75K-$110K:<\/strong> Expect to pay around <strong style=\"color: var(--color-warning);\">$20,130\/year<\/strong>\n                        <\/p>\n                        <p style=\"color: var(--color-white); font-size: 14px; line-height: 1.7;\">\n                            <strong>If your family earns $110K+:<\/strong> Expect to pay around <strong style=\"color: var(--color-warning);\">$24,296\/year<\/strong>\n                        <\/p>\n                        <a href=\"#financial\" style=\"color: var(--color-aqua); font-size: 13px; font-weight: 600; text-decoration: none; margin-top: 10px; display: inline-block;\">See all income brackets \u2192<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            \n            \n        <\/div>\n\n        <!-- ROI & Career Outcomes -->\n        <div class=\"section\" id=\"career\">\n            <h2 class=\"section-title\">ROI & Career Outcomes<\/h2>\n            \n            <div class=\"two-column\" style=\"margin-bottom: 40px;\">\n                <div>\n                    <div style=\"background: var(--color-primary); padding: 30px; border-radius: 12px; border: 2px solid rgba(0,179,198,0.3); margin-bottom: 20px;\">\n                        <div style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px;\">Return on Investment<\/div>\n                        <div style=\"font-size: 48px; font-weight: 900; color: var(--color-success); margin-bottom: 12px;\">80.9%<\/div>\n                        <div style=\"font-size: 13px; color: var(--color-gray-text); line-height: 1.6;\">Based on 6-year median earnings vs. total degree cost<\/div>\n                    <\/div>\n                    <ul class=\"info-list\">\n                        <li>\n                            <span class=\"info-label\">6-Year Median Earnings<\/span>\n                            <span class=\"info-value\">$52,843<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">10-Year Median Earnings<\/span>\n                            <span class=\"info-value\">$52,843<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">Average Years to Graduate<\/span>\n                            <span class=\"info-value\">4.4 years<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">Average Student Debt<\/span>\n                            <span class=\"info-value\">$13,610<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">Repayment Rate (3yr)<\/span>\n                            <span class=\"info-value\">58.5%<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">Employment Rate<\/span>\n                            <span class=\"info-value\">86.8%<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <div style=\"background: var(--color-primary); padding: 30px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); margin-bottom: 20px;\">\n                        <h3 style=\"font-size: 18px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">Graduate Earnings Distribution<\/h3>\n                        <p style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 15px; line-height: 1.5;\">Earnings range for Arizona State University Campus Immersion graduates 6 years after enrollment, showing the 25th percentile, median, and 75th percentile. This illustrates the variation in outcomes across different majors and career paths.<\/p>\n                        <div style=\"height: 120px;\">\n                            <canvas id=\"earningsRangeChart\"><\/canvas>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: rgba(0,179,198,0.1); padding: 20px; border-radius: 8px; border-left: 4px solid var(--color-aqua);\">\n                        <div style=\"color: var(--color-white); font-size: 15px; line-height: 1.7; margin-bottom: 12px;\">\n                            Graduates earn a median of $52,843 six years after enrollment \u2014 roughly 21% above the national median.\n                        <\/div>\n                        <div style=\"display: flex; gap: 20px; margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.1);\">\n                            <div>\n                                <div style=\"color: var(--color-gray-text); font-size: 12px; margin-bottom: 4px;\">Payback Period<\/div>\n                                <div style=\"color: var(--color-white); font-size: 20px; font-weight: 700;\">1.24 years<\/div>\n                                <div style=\"color: var(--color-gray-text); font-size: 11px; margin-top: 4px;\">Total Degree Cost \u00f7 Annual Earnings<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"chart-container\" style=\"margin-top: 30px;\">\n                <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">Arizona State University Campus Immersion vs. National Average<\/h3>\n                <p style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 20px; line-height: 1.6;\">Comparison of key performance metrics showing how Arizona State University Campus Immersion's outcomes compare to the national average across earnings, graduation rates, retention, ROI, and employment. This contextualizes Arizona State University Campus Immersion's performance within the broader higher education landscape.<\/p>\n                <canvas id=\"comparisonChart\"><\/canvas>\n            <\/div>\n            \n            \n            \n            <div style=\"background: #1F2F58; padding: 24px; border-radius: 12px; border-left: 4px solid var(--color-aqua); margin-top: 30px;\">\n                <p style=\"color: #F5F7FA; font-size: 15px; line-height: 1.8; margin: 0;\">\n                    <strong style=\"color: var(--color-aqua);\">EDsmart Insight:<\/strong> Arizona State University Campus Immersion graduates earn $52,843 median six years after enrollment, +21% above the national average. Earnings vary significantly by major\u2014research your field's outcomes.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Acceptance & Selectivity -->\n        <div class=\"section\" id=\"acceptance\">\n            <h2 class=\"section-title\">Acceptance &amp; Selectivity<\/h2>\n            \n            <div style=\"margin-bottom: 40px;\">\n                <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 20px; font-weight: 600;\">Getting In<\/h3>\n                <div class=\"two-column\">\n                    <div>\n                        <div style=\"background: var(--color-primary); padding: 20px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.2); margin-bottom: 15px;\">\n                            <div style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 8px;\">Acceptance Rate<\/div>\n                            <div style=\"font-size: 32px; font-weight: 700; color: var(--color-white); margin-bottom: 8px;\">89.9%<\/div>\n                            <div style=\"font-size: 12px; color: var(--color-gray-text);\">Lightly Selective<\/div>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div style=\"background: var(--color-primary); padding: 20px; border-radius: 8px; border: 2px solid rgba(0,179,198,0.3);\">\n                            <div style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 8px;\">National Average<\/div>\n                            <div style=\"font-size: 32px; font-weight: 700; color: var(--color-white); margin-bottom: 8px;\">69%<\/div>\n                            <div style=\"font-size: 12px; color: var(--color-gray-text);\">Average acceptance rate<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"two-column\">\n                <div>\n                    <ul class=\"info-list\">\n                        <li>\n                            <span class=\"info-label\">SAT Evidence-Based Reading<\/span>\n                            <span class=\"info-value\">Not reported<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">SAT Math<\/span>\n                            <span class=\"info-value\">Not reported<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">SAT Writing<\/span>\n                            <span class=\"info-value\">Not reported<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">ACT Composite<\/span>\n                            <span class=\"info-value\">Not reported<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">SAT & ACT<\/span><span class=\"info-value\">Not required<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <ul class=\"info-list\">\n                        <li>\n                            <span class=\"info-label\">Undergraduate Enrollment<\/span>\n                            <span class=\"info-value\">0<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">Full-Time Students<\/span>\n                            <span class=\"info-value\">95.0%<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">Part-Time Students<\/span>\n                            <span class=\"info-value\">5.0%<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">Retention Rate<\/span>\n                            <span class=\"info-value\">Not reported<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">Graduation Rate<\/span>\n                            <span class=\"info-value\">68.0%<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">Student-Faculty Ratio<\/span>\n                            <span class=\"info-value\">18:1<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <!-- How to Get In -->\n            <div style=\"background: rgba(0,179,198,0.1); padding: 30px; border-radius: 12px; border-left: 4px solid var(--color-aqua); margin-top: 40px;\">\n                <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 20px; font-weight: 700;\">How to Get Into Arizona State University Campus Immersion<\/h3>\n                <div style=\"color: var(--color-white); font-size: 15px; line-height: 1.8;\">\n                    <p style=\"margin-bottom: 16px;\">\n                        <strong style=\"color: var(--color-aqua);\">1. Meet Academic Requirements:<\/strong> \n                        Arizona State University Campus Immersion requires strong academic performance. Aim for test scores within the reported ranges and maintain a competitive GPA. Most admitted students rank in the top 10% of their high school class.\n                    <\/p>\n                    <p style=\"margin-bottom: 16px;\">\n                        <strong style=\"color: var(--color-aqua);\">2. Build a Strong Application:<\/strong> \n                        Beyond test scores, focus on crafting compelling essays, securing strong letters of recommendation, and highlighting extracurricular activities that demonstrate leadership and commitment.\n                    <\/p>\n                    <p style=\"margin-bottom: 16px;\">\n                        <strong style=\"color: var(--color-aqua);\">3. Understand Selectivity:<\/strong> \n                        With an acceptance rate of 89.9%, Arizona State University Campus Immersion is relatively open. Consider applying early decision if available, as early applicants often have higher acceptance rates.\n                    <\/p>\n                    <p style=\"margin-bottom: 0;\">\n                        <strong style=\"color: var(--color-aqua);\">4. Financial Planning:<\/strong> \n                        Review the net price calculator and financial aid options early. Many students receive significant aid, making the actual cost lower than the sticker price.\n                    <\/p>\n                <\/div>\n                <div style=\"margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1);\">\n                    <p style=\"color: var(--color-gray-text); font-size: 13px; line-height: 1.6; margin: 0;\">\n                        <strong>Tip:<\/strong> Contact the admissions office directly for the most current application requirements, deadlines, and any special programs (like early decision or early action) that might improve your chances.\n                <\/p>\n            <\/div>\n            <\/div>\n            \n            \n            \n            <div style=\"background: #1F2F58; padding: 24px; border-radius: 12px; border-left: 4px solid var(--color-aqua); margin-top: 30px;\">\n                <p style=\"color: #F5F7FA; font-size: 15px; line-height: 1.8; margin: 0;\">\n                    <strong style=\"color: var(--color-success);\">EDsmart Insight:<\/strong> With a 89.9% acceptance rate, Arizona State University Campus Immersion is more accessible than highly selective schools. Meeting the test score ranges and maintaining a solid GPA significantly improves admission chances.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Academic Programs -->\n        <div class=\"section\" id=\"programs\">\n            <h2 class=\"section-title\">Academic Programs<\/h2>\n            <div class=\"chart-container\">\n                <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">Undergraduate Program Distribution<\/h3>\n                <p style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 20px; line-height: 1.6;\">Breakdown of the most popular majors and fields of study among Arizona State University Campus Immersion undergraduates. Business, Management, Marketing, and Related Suppo, Biology, General, and Psychology, General draw the most students.<\/p>\n                <canvas id=\"programsChart\"><\/canvas>\n            <\/div>\n            <ul class=\"info-list\" style=\"margin-top: 30px;\">\n                <li>\n                    <span class=\"info-label\">Business, Management, Marketing, and Related Suppo<\/span>\n                    <span class=\"info-value\">7.5%<\/span>\n                <\/li>\n                <li>\n                    <span class=\"info-label\">Biology, General<\/span>\n                    <span class=\"info-value\">5.7%<\/span>\n                <\/li>\n                <li>\n                    <span class=\"info-label\">Psychology, General<\/span>\n                    <span class=\"info-value\">4.8%<\/span>\n                <\/li>\n                <li>\n                    <span class=\"info-label\">Business Administration, Management and Operations<\/span>\n                    <span class=\"info-value\">4.2%<\/span>\n                <\/li>\n                <li>\n                    <span class=\"info-label\">Computer Science<\/span>\n                    <span class=\"info-value\">3.2%<\/span>\n                <\/li>\n                <li>\n                    <span class=\"info-label\">Teacher Education and Professional Development, Specific Levels and Methods<\/span>\n                    <span class=\"info-value\">3.1%<\/span>\n                <\/li>\n            <\/ul>\n            <details class=\"section-collapsible\" style=\"margin-top: 16px;\">\n                <summary style=\"cursor: pointer; font-weight: 600; color: var(--color-link); list-style: none;\">See more majors<\/summary>\n                <ul class=\"info-list\" style=\"margin-top: 12px;\">\n                    <li>\n                        <span class=\"info-label\">Multi\/Interdisciplinary Studies, Other<\/span>\n                        <span class=\"info-value\">3.0%<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"info-label\">Communication and Media Studies<\/span>\n                        <span class=\"info-value\">2.9%<\/span>\n                    <\/li>\n                <\/ul>\n            <\/details>\n\n            \n            <!-- Highest Earning Degrees -->\n            \n            \n            <!-- Highest Earning Degrees Section -->\n            <div style=\"margin-top: 50px;\">\n                <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">Highest Earning Programs<\/h3>\n                <p style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 20px; line-height: 1.6;\">\n                    Median earnings five years after graduation for each program. These figures help illustrate ROI by field of study and degree level.\n                <\/p>\n\n                <div style=\"margin-bottom: 40px;\">\n                    <h4 style=\"font-size: 18px; color: var(--color-aqua); margin-bottom: 15px; font-weight: 600;\">Undergraduate Programs (Bachelor's Degrees)<\/h4>\n                    \n                    <!-- Undergraduate Earnings Chart -->\n                    <div class=\"chart-container\" style=\"margin-bottom: 20px;\">\n                        <canvas id=\"undergradEarningsChart\"><\/canvas>\n                    <\/div>\n                    \n                    <ul class=\"info-list\">\n                        <li>\n                            <span class=\"info-label\">1. Computer Engineering<\/span>\n                            <span class=\"info-value\">$113,500<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">2. Computer Science<\/span>\n                            <span class=\"info-value\">$109,476<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">3. Engineering-Related Fields<\/span>\n                            <span class=\"info-value\">$107,203<\/span>\n                        <\/li>\n                    <\/ul>\n                    <details class=\"section-collapsible\" style=\"margin-top: 16px;\">\n                        <summary style=\"cursor: pointer; font-weight: 600; color: var(--color-link); list-style: none;\">Show additional high-earning majors<\/summary>\n                        <ul class=\"info-list\" style=\"margin-top: 12px;\">\n                            <li>\n                                <span class=\"info-label\">4. Construction Management<\/span>\n                                <span class=\"info-value\">$105,289<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">5. Electrical, Electronics and Communications Engineering<\/span>\n                                <span class=\"info-value\">$102,932<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">6. Chemical Engineering<\/span>\n                                <span class=\"info-value\">$101,977<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">7. Management Sciences and Quantitative Methods<\/span>\n                                <span class=\"info-value\">$101,034<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">8. Engineering, General<\/span>\n                                <span class=\"info-value\">$98,096<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">9. Aerospace, Aeronautical and Astronautical Engineering<\/span>\n                                <span class=\"info-value\">$97,599<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">10. Computer and Information Sciences, General<\/span>\n                                <span class=\"info-value\">$97,416<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/details>\n                <\/div>\n\n                <div style=\"margin-bottom: 30px;\">\n                    <h4 style=\"font-size: 18px; color: var(--color-aqua); margin-bottom: 15px; font-weight: 600;\">Graduate Programs (Master's, Doctoral, Professional)<\/h4>\n                    \n                    <!-- Graduate Earnings Chart -->\n                    <div class=\"chart-container\" style=\"margin-bottom: 20px;\">\n                        <canvas id=\"gradEarningsChart\"><\/canvas>\n                    <\/div>\n                    \n                    <ul class=\"info-list\">\n                        <li>\n                            <span class=\"info-label\">1. Computer Science (Master's Degree)<\/span>\n                            <span class=\"info-value\">$139,405<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">2. Business Administration, Management and Operations (Master's Degree)<\/span>\n                            <span class=\"info-value\">$135,798<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">3. Registered Nursing, Nursing Administration, Nursing Research &amp; Clinical Nursing (Doctoral Degree)<\/span>\n                            <span class=\"info-value\">$135,303<\/span>\n                        <\/li>\n                    <\/ul>\n                    <details class=\"section-collapsible\" style=\"margin-top: 16px;\">\n                        <summary style=\"cursor: pointer; font-weight: 600; color: var(--color-link); list-style: none;\">Show additional graduate majors<\/summary>\n                        <ul class=\"info-list\" style=\"margin-top: 12px;\">\n                            <li>\n                                <span class=\"info-label\">4. Management Sciences and Quantitative Methods (Master's Degree)<\/span>\n                                <span class=\"info-value\">$130,574<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">5. Electrical, Electronics and Communications Engineering (Master's Degree)<\/span>\n                                <span class=\"info-value\">$121,937<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">6. Industrial Engineering (Master's Degree)<\/span>\n                                <span class=\"info-value\">$121,778<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">7. Chemical Engineering (Master's Degree)<\/span>\n                                <span class=\"info-value\">$120,590<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">8. Aerospace, Aeronautical and Astronautical Engineering (Master's Degree)<\/span>\n                                <span class=\"info-value\">$117,792<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">9. Applied Mathematics (Doctoral Degree)<\/span>\n                                <span class=\"info-value\">$114,741<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">10. International Business (Master's Degree)<\/span>\n                                <span class=\"info-value\">$112,371<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/details>\n                <\/div>\n\n                <!-- Key Insight -->\n                <div style=\"background: rgba(0,179,198,0.1); padding: 20px; border-radius: 8px; border-left: 4px solid var(--color-aqua); margin-top: 20px;\">\n                    <p style=\"color: var(--color-white); font-size: 14px; line-height: 1.7;\">\n                        <strong style=\"color: var(--color-aqua);\">Program Choice Matters:<\/strong> Undergraduate: Computer Engineering grads earn $113,500\u201417% more than Computer and Information Sciences, General ($97,416). Graduate: Computer Science programs lead with $139,405 median earnings. Your program and degree level choice significantly impact career earnings.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n\n\n        <\/div>\n\n        <!-- Online Degrees & Distance Learning -->\n                <div class=\"section\" id=\"online\">\n            <h2 class=\"section-title\">Online Degrees &amp; Distance Learning<\/h2>\n            <p style=\"color: var(--color-gray-text); font-size: 15px; line-height: 1.7; margin-bottom: 24px;\">\n                College Scorecard reports fully online programs for Arizona State University Campus Immersion. Below are the most popular options based on the number of recent graduates, followed by a quick look at the breadth of online offerings by degree level.\n                <br><span style=\"font-size: 12px;\"><a href=\"https:\/\/collegescorecard.ed.gov\/data\/\" style=\"color: var(--color-link);\" target=\"_blank\" rel=\"noopener\">Source: U.S. Department of Education \u2013 College Scorecard<\/a><\/span>\n            <\/p>\n            <div style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 24px; margin: 16px 0;\">\n                <h3 style=\"color: var(--color-white); font-size: 18px; font-weight: 700; margin-bottom: 14px;\">Most Popular Online Degrees<\/h3>\n                <ul style=\"color: var(--color-gray-text); font-size: 14px; line-height: 1.7; margin-left: 22px; margin-bottom: 0; list-style: disc;\">\n                    <li style=\"margin-bottom: 8px;\"><strong style=\"color: var(--color-white);\">Business, Management, Marketing, and Related Support Services, Other<\/strong> (Bachelor's Degree, 1,101 graduates)<\/li>\n                    <li style=\"margin-bottom: 8px;\"><strong style=\"color: var(--color-white);\">Biology, General<\/strong> (Bachelor's Degree, 832 graduates)<\/li>\n                    <li style=\"margin-bottom: 8px;\"><strong style=\"color: var(--color-white);\">Psychology, General<\/strong> (Bachelor's Degree, 709 graduates)<\/li>\n                    <li style=\"margin-bottom: 8px;\"><strong style=\"color: var(--color-white);\">Management Sciences and Quantitative Methods<\/strong> (Master's Degree, 638 graduates)<\/li>\n                    <li style=\"margin-bottom: 8px;\"><strong style=\"color: var(--color-white);\">Business Administration, Management and Operations<\/strong> (Bachelor's Degree, 623 graduates)<\/li>\n                <\/ul>\n            <\/div>\n            <div style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 24px; display: grid; gap: 18px;\">\n                <div>\n                    <h3 style=\"color: var(--color-white); font-size: 18px; font-weight: 700; margin-bottom: 6px;\">What This School Offers Online, at a Glance<\/h3>\n                    <p style=\"color: var(--color-gray-text); font-size: 14px; line-height: 1.7; margin: 0 0 12px 0;\">College Scorecard flags the following online degree and certificate programs for this institution. Expand each credential level to view the complete list of available subjects.<\/p>\n                    <details style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 0; margin-bottom: 12px;\">\n                        <summary style=\"cursor: pointer; color: var(--color-white); font-size: 15px; font-weight: 600; padding: 16px 20px; list-style: none; position: relative;\">Online Bachelor's Degrees (117 programs)<span style=\"float: right; font-size: 18px; transition: transform 0.3s;\">\u25bc<\/span><\/summary>\n                        <div style=\"padding: 0 20px 16px 20px;\">\n                            <ul style=\"color: var(--color-gray-text); font-size: 14px; line-height: 1.7; margin-left: 20px;\">\n                                <li>Business, Management, Marketing, and Related Support Services, Other<\/li>\n                                <li>Biology, General<\/li>\n                                <li>Psychology, General<\/li>\n                                <li>Business Administration, Management and Operations<\/li>\n                                <li>Computer Science<\/li>\n                                <li>Teacher Education and Professional Development, Specific Levels and Methods<\/li>\n                                <li>Multi\/Interdisciplinary Studies, Other<\/li>\n                                <li>Communication and Media Studies<\/li>\n                                <li>Finance and Financial Management Services<\/li>\n                                <li>Criminal Justice and Corrections<\/li>\n                                <li>Political Science and Government<\/li>\n                                <li>Health and Physical Education\/Fitness<\/li>\n                                <li>Marketing<\/li>\n                                <li>Registered Nursing, Nursing Administration, Nursing Research and Clinical Nursing<\/li>\n                                <li>Economics<\/li>\n                                <li>Accounting and Related Services<\/li>\n                                <li>Mechanical Engineering<\/li>\n                                <li>Biochemistry, Biophysics and Molecular Biology<\/li>\n                                <li>Health\/Medical Preparatory Programs<\/li>\n                                <li>Electrical, Electronics and Communications Engineering<\/li>\n                                <li>Civil Engineering<\/li>\n                                <li>English Language and Literature, General<\/li>\n                                <li>Social Work<\/li>\n                                <li>Journalism<\/li>\n                                <li>Engineering, General<\/li>\n                                <li>Design and Applied Arts<\/li>\n                                <li>Fine and Studio Arts<\/li>\n                                <li>Computer and Information Sciences, General<\/li>\n                                <li>Chemical Engineering<\/li>\n                                <li>Film\/Video and Photographic Arts<\/li>\n                                <li>Family and Consumer Economics and Related Studies<\/li>\n                                <li>Management Sciences and Quantitative Methods<\/li>\n                                <li>Foods, Nutrition, and Related Services<\/li>\n                                <li>Mathematics<\/li>\n                                <li>Biomedical\/Medical Engineering<\/li>\n                                <li>Computer Engineering<\/li>\n                                <li>International\/Global Studies<\/li>\n                                <li>Industrial Engineering<\/li>\n                                <li>Construction Engineering Technologies<\/li>\n                                <li>History<\/li>\n                                <li>Natural Resources Conservation and Research<\/li>\n                                <li>Sociology<\/li>\n                                <li>Liberal Arts and Sciences, General Studies and Humanities<\/li>\n                                <li>Air Transportation<\/li>\n                                <li>Graphic Communications<\/li>\n                                <li>Non-Professional General Legal Studies (Undergraduate)<\/li>\n                                <li>Public Relations, Advertising, and Applied Communication<\/li>\n                                <li>Public Policy Analysis<\/li>\n                                <li>Aerospace, Aeronautical and Astronautical Engineering<\/li>\n                                <li>Special Education and Teaching<\/li>\n                                <li>Public Health<\/li>\n                                <li>Environmental Design<\/li>\n                                <li>Chemistry<\/li>\n                                <li>Communication Disorders Sciences and Services<\/li>\n                                <li>City\/Urban, Community and Regional Planning<\/li>\n                                <li>Anthropology<\/li>\n                                <li>Entrepreneurial and Small Business Operations<\/li>\n                                <li>Education, Other<\/li>\n                                <li>Microbiological Sciences and Immunology<\/li>\n                                <li>Health Services\/Allied Health\/Health Sciences, General<\/li>\n                                <li>Applied Mathematics<\/li>\n                                <li>Music<\/li>\n                                <li>Physics<\/li>\n                                <li>Drama\/Theatre Arts and Stagecraft<\/li>\n                                <li>Architecture<\/li>\n                                <li>Computer\/Information Technology Administration and Management<\/li>\n                                <li>International Business<\/li>\n                                <li>Physical Sciences<\/li>\n                                <li>Philosophy<\/li>\n                                <li>Geography and Cartography<\/li>\n                                <li>Radio, Television, and Digital Communication<\/li>\n                                <li>Hospitality Administration\/Management<\/li>\n                                <li>Romance Languages, Literatures, and Linguistics<\/li>\n                                <li>Engineering-Related Fields<\/li>\n                                <li>Science Technologies\/Technicians, Other<\/li>\n                                <li>Materials Engineering<\/li>\n                                <li>Health and Medical Administrative Services<\/li>\n                                <li>Environmental\/Environmental Health Engineering<\/li>\n                                <li>Dance<\/li>\n                                <li>Visual and Performing Arts, General<\/li>\n                                <li>Landscape Architecture<\/li>\n                                <li>Parks, Recreation and Leisure Studies<\/li>\n                                <li>Neurobiology and Neurosciences<\/li>\n                                <li>Ethnic, Cultural Minority, Gender, and Group Studies<\/li>\n                                <li>Statistics<\/li>\n                                <li>Engineering Science<\/li>\n                                <li>Construction Engineering<\/li>\n                                <li>Computer and Information Sciences and Support Services, Other<\/li>\n                                <li>Science, Technology and Society<\/li>\n                                <li>East Asian Languages, Literatures, and Linguistics<\/li>\n                                <li>Manufacturing Engineering<\/li>\n                                <li>Community Organization and Advocacy<\/li>\n                                <li>Biomathematics, Bioinformatics, and Computational Biology<\/li>\n                                <li>Teacher Education and Professional Development, Specific Subject Areas<\/li>\n                                <li>Rhetoric and Composition\/Writing Studies<\/li>\n                                <li>Rehabilitation and Therapeutic Professions<\/li>\n                                <li>Area Studies<\/li>\n                                <li>Slavic, Baltic and Albanian Languages, Literatures, and Linguistics<\/li>\n                                <li>Religion\/Religious Studies<\/li>\n                                <li>Pharmacology and Toxicology<\/li>\n                                <li>Foreign Languages, Literatures, and Linguistics, Other<\/li>\n                                <li>Social Sciences, General<\/li>\n                                <li>Cultural Studies\/Critical Theory and Analysis<\/li>\n                                <li>Clinical, Counseling and Applied Psychology<\/li>\n                                <li>Urban Studies\/Affairs<\/li>\n                                <li>Germanic Languages, Literatures, and Linguistics<\/li>\n                                <li>Multi-\/Interdisciplinary Studies, General<\/li>\n                                <li>Dispute Resolution<\/li>\n                                <li>Sustainability Studies<\/li>\n                                <li>Science Technologies\/Technicians, General<\/li>\n                                <li>Philosophy and Religious Studies, General<\/li>\n                                <li>Human Computer Interaction<\/li>\n                                <li>Engineering Physics<\/li>\n                                <li>Earth Systems Science<\/li>\n                                <li>Dietetics and Clinical Nutrition Services<\/li>\n                                <li>Data Science<\/li>\n                                <li>Biotechnology<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/details>\n                    <details style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 0; margin-bottom: 12px;\">\n                        <summary style=\"cursor: pointer; color: var(--color-white); font-size: 15px; font-weight: 600; padding: 16px 20px; list-style: none; position: relative;\">Online Master's Degrees (113 programs)<span style=\"float: right; font-size: 18px; transition: transform 0.3s;\">\u25bc<\/span><\/summary>\n                        <div style=\"padding: 0 20px 16px 20px;\">\n                            <ul style=\"color: var(--color-gray-text); font-size: 14px; line-height: 1.7; margin-left: 20px;\">\n                                <li>Management Sciences and Quantitative Methods<\/li>\n                                <li>Computer Science<\/li>\n                                <li>Computer Engineering<\/li>\n                                <li>Social Work<\/li>\n                                <li>Electrical, Electronics and Communications Engineering<\/li>\n                                <li>Mechanical Engineering<\/li>\n                                <li>International Business<\/li>\n                                <li>Teacher Education and Professional Development, Specific Levels and Methods<\/li>\n                                <li>Public Administration<\/li>\n                                <li>Educational Administration and Supervision<\/li>\n                                <li>Legal Research and Advanced Professional Studies<\/li>\n                                <li>Business Administration, Management and Operations<\/li>\n                                <li>Applied Mathematics<\/li>\n                                <li>Biomedical\/Medical Engineering<\/li>\n                                <li>Music<\/li>\n                                <li>Special Education and Teaching<\/li>\n                                <li>Clinical, Counseling and Applied Psychology<\/li>\n                                <li>Natural Resources Conservation and Research<\/li>\n                                <li>Legal Professions and Studies, Other<\/li>\n                                <li>Communication Disorders Sciences and Services<\/li>\n                                <li>Architectural Sciences and Technology<\/li>\n                                <li>Industrial Engineering<\/li>\n                                <li>Design and Applied Arts<\/li>\n                                <li>Construction Engineering Technologies<\/li>\n                                <li>Student Counseling and Personnel Services<\/li>\n                                <li>Civil Engineering<\/li>\n                                <li>Engineering, General<\/li>\n                                <li>Geography and Cartography<\/li>\n                                <li>International Relations and National Security Studies<\/li>\n                                <li>Public Health<\/li>\n                                <li>Psychology, General<\/li>\n                                <li>Taxation<\/li>\n                                <li>Journalism<\/li>\n                                <li>Computer\/Information Technology Administration and Management<\/li>\n                                <li>Real Estate Development<\/li>\n                                <li>Materials Engineering<\/li>\n                                <li>City\/Urban, Community and Regional Planning<\/li>\n                                <li>Chemical Engineering<\/li>\n                                <li>Communication and Media Studies<\/li>\n                                <li>Aerospace, Aeronautical and Astronautical Engineering<\/li>\n                                <li>Teacher Education and Professional Development, Specific Subject Areas<\/li>\n                                <li>Statistics<\/li>\n                                <li>Public Relations, Advertising, and Applied Communication<\/li>\n                                <li>Human Development, Family Studies, and Related Services<\/li>\n                                <li>Public Policy Analysis<\/li>\n                                <li>Fine and Studio Arts<\/li>\n                                <li>Biology, General<\/li>\n                                <li>Multi-\/Interdisciplinary Studies, General<\/li>\n                                <li>Liberal Arts and Sciences, General Studies and Humanities<\/li>\n                                <li>Environmental\/Environmental Health Engineering<\/li>\n                                <li>Rehabilitation and Therapeutic Professions<\/li>\n                                <li>Health and Physical Education\/Fitness<\/li>\n                                <li>Foods, Nutrition, and Related Services<\/li>\n                                <li>Engineering Technologies\/Technicians, Other<\/li>\n                                <li>Teaching English or French as a Second or Foreign Language<\/li>\n                                <li>English Language and Literature, General<\/li>\n                                <li>Social and Philosophical Foundations of Education<\/li>\n                                <li>History<\/li>\n                                <li>Energy Systems Technologies\/Technicians<\/li>\n                                <li>Science, Technology and Society<\/li>\n                                <li>Mathematics<\/li>\n                                <li>Drama\/Theatre Arts and Stagecraft<\/li>\n                                <li>Criminology<\/li>\n                                <li>Registered Nursing, Nursing Administration, Nursing Research and Clinical Nursing<\/li>\n                                <li>Linguistic, Comparative, and Related Language Studies and Services<\/li>\n                                <li>Biomathematics, Bioinformatics, and Computational Biology<\/li>\n                                <li>Political Science and Government<\/li>\n                                <li>Physics<\/li>\n                                <li>Manufacturing Engineering<\/li>\n                                <li>Geological and Earth Sciences\/Geosciences<\/li>\n                                <li>Rhetoric and Composition\/Writing Studies<\/li>\n                                <li>Non-Professional General Legal Studies (Undergraduate)<\/li>\n                                <li>Interior Architecture<\/li>\n                                <li>Ethnic, Cultural Minority, Gender, and Group Studies<\/li>\n                                <li>Dance<\/li>\n                                <li>Construction Engineering<\/li>\n                                <li>Radio, Television, and Digital Communication<\/li>\n                                <li>Family and Consumer Economics and Related Studies<\/li>\n                                <li>Engineering-Related Fields<\/li>\n                                <li>Philosophy<\/li>\n                                <li>Natural Sciences<\/li>\n                                <li>Graphic Communications<\/li>\n                                <li>Economics<\/li>\n                                <li>Anthropology<\/li>\n                                <li>Romance Languages, Literatures, and Linguistics<\/li>\n                                <li>Human Computer Interaction<\/li>\n                                <li>Health Services\/Allied Health\/Health Sciences, General<\/li>\n                                <li>Botany\/Plant Biology<\/li>\n                                <li>Biochemistry, Biophysics and Molecular Biology<\/li>\n                                <li>Social Sciences, General<\/li>\n                                <li>Nanotechnology<\/li>\n                                <li>Mechatronics, Robotics, and Automation Engineering<\/li>\n                                <li>Landscape Architecture<\/li>\n                                <li>International\/Global Studies<\/li>\n                                <li>Ecology, Evolution, Systematics, and Population Biology<\/li>\n                                <li>Cell\/Cellular Biology and Anatomical Sciences<\/li>\n                                <li>Religion\/Religious Studies<\/li>\n                                <li>Microbiological Sciences and Immunology<\/li>\n                                <li>Astronomy and Astrophysics<\/li>\n                                <li>Arts, Entertainment,and Media Management<\/li>\n                                <li>Systems Engineering<\/li>\n                                <li>Neurobiology and Neurosciences<\/li>\n                                <li>Museology\/Museum Studies<\/li>\n                                <li>Cultural Studies\/Critical Theory and Analysis<\/li>\n                                <li>Chemistry<\/li>\n                                <li>Germanic Languages, Literatures, and Linguistics<\/li>\n                                <li>Environmental Design<\/li>\n                                <li>East Asian Languages, Literatures, and Linguistics<\/li>\n                                <li>Systems Science and Theory<\/li>\n                                <li>Parks, Recreation and Leisure Studies<\/li>\n                                <li>Health and Medical Administrative Services<\/li>\n                                <li>Energy Systems Engineering<\/li>\n                                <li>Area Studies<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/details>\n                    <details style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 0; margin-bottom: 12px;\">\n                        <summary style=\"cursor: pointer; color: var(--color-white); font-size: 15px; font-weight: 600; padding: 16px 20px; list-style: none; position: relative;\">Online Doctoral Degrees (72 programs)<span style=\"float: right; font-size: 18px; transition: transform 0.3s;\">\u25bc<\/span><\/summary>\n                        <div style=\"padding: 0 20px 16px 20px;\">\n                            <ul style=\"color: var(--color-gray-text); font-size: 14px; line-height: 1.7; margin-left: 20px;\">\n                                <li>Registered Nursing, Nursing Administration, Nursing Research and Clinical Nursing<\/li>\n                                <li>Music<\/li>\n                                <li>Electrical, Electronics and Communications Engineering<\/li>\n                                <li>Business Administration, Management and Operations<\/li>\n                                <li>Computer Science<\/li>\n                                <li>Civil Engineering<\/li>\n                                <li>Materials Engineering<\/li>\n                                <li>Education, General<\/li>\n                                <li>Chemistry<\/li>\n                                <li>Applied Mathematics<\/li>\n                                <li>Geological and Earth Sciences\/Geosciences<\/li>\n                                <li>Communication Disorders Sciences and Services<\/li>\n                                <li>Psychology, General<\/li>\n                                <li>Natural Resources Conservation and Research<\/li>\n                                <li>Mechanical Engineering<\/li>\n                                <li>English Language and Literature, General<\/li>\n                                <li>Anthropology<\/li>\n                                <li>Biochemistry, Biophysics and Molecular Biology<\/li>\n                                <li>Systems Engineering<\/li>\n                                <li>Romance Languages, Literatures, and Linguistics<\/li>\n                                <li>Communication and Media Studies<\/li>\n                                <li>Physics<\/li>\n                                <li>Non-Professional General Legal Studies (Undergraduate)<\/li>\n                                <li>Industrial Engineering<\/li>\n                                <li>Chemical Engineering<\/li>\n                                <li>Mathematics<\/li>\n                                <li>Economics<\/li>\n                                <li>Statistics<\/li>\n                                <li>Public Policy Analysis<\/li>\n                                <li>Neurobiology and Neurosciences<\/li>\n                                <li>Mental and Social Health Services and Allied Professions<\/li>\n                                <li>Linguistic, Comparative, and Related Language Studies and Services<\/li>\n                                <li>Geography and Cartography<\/li>\n                                <li>Curriculum and Instruction<\/li>\n                                <li>Criminology<\/li>\n                                <li>Computer Engineering<\/li>\n                                <li>Biomedical\/Medical Engineering<\/li>\n                                <li>Science, Technology and Society<\/li>\n                                <li>Religion\/Religious Studies<\/li>\n                                <li>Ecology, Evolution, Systematics, and Population Biology<\/li>\n                                <li>Cell\/Cellular Biology and Anatomical Sciences<\/li>\n                                <li>Astronomy and Astrophysics<\/li>\n                                <li>Public Administration<\/li>\n                                <li>Health and Physical Education\/Fitness<\/li>\n                                <li>Ethnic, Cultural Minority, Gender, and Group Studies<\/li>\n                                <li>Biomathematics, Bioinformatics, and Computational Biology<\/li>\n                                <li>Architecture<\/li>\n                                <li>Zoology\/Animal Biology<\/li>\n                                <li>Student Counseling and Personnel Services<\/li>\n                                <li>Parks, Recreation and Leisure Studies<\/li>\n                                <li>Construction Management<\/li>\n                                <li>Biology, General<\/li>\n                                <li>Aerospace, Aeronautical and Astronautical Engineering<\/li>\n                                <li>History<\/li>\n                                <li>Engineering, Other<\/li>\n                                <li>Drama\/Theatre Arts and Stagecraft<\/li>\n                                <li>Biological\/Biosystems Engineering<\/li>\n                                <li>Social Work<\/li>\n                                <li>Radio, Television, and Digital Communication<\/li>\n                                <li>Political Science and Government<\/li>\n                                <li>Microbiological Sciences and Immunology<\/li>\n                                <li>Educational Administration and Supervision<\/li>\n                                <li>City\/Urban, Community and Regional Planning<\/li>\n                                <li>Sociology<\/li>\n                                <li>Philosophy<\/li>\n                                <li>International\/Global Studies<\/li>\n                                <li>East Asian Languages, Literatures, and Linguistics<\/li>\n                                <li>Sustainability Studies<\/li>\n                                <li>Legal Research and Advanced Professional Studies<\/li>\n                                <li>Human Computer Interaction<\/li>\n                                <li>Cultural Studies\/Critical Theory and Analysis<\/li>\n                                <li>Computational Science<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/details>\n                    <details style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 0; margin-bottom: 12px;\">\n                        <summary style=\"cursor: pointer; color: var(--color-white); font-size: 15px; font-weight: 600; padding: 16px 20px; list-style: none; position: relative;\">Online Graduate\/Professional Certificates (44 programs)<span style=\"float: right; font-size: 18px; transition: transform 0.3s;\">\u25bc<\/span><\/summary>\n                        <div style=\"padding: 0 20px 16px 20px;\">\n                            <ul style=\"color: var(--color-gray-text); font-size: 14px; line-height: 1.7; margin-left: 20px;\">\n                                <li>Legal Research and Advanced Professional Studies<\/li>\n                                <li>Communication Disorders Sciences and Services<\/li>\n                                <li>Geography and Cartography<\/li>\n                                <li>Social Work<\/li>\n                                <li>Social Sciences, General<\/li>\n                                <li>Rhetoric and Composition\/Writing Studies<\/li>\n                                <li>Registered Nursing, Nursing Administration, Nursing Research and Clinical Nursing<\/li>\n                                <li>Business Administration, Management and Operations<\/li>\n                                <li>Teacher Education and Professional Development, Specific Subject Areas<\/li>\n                                <li>Science, Technology and Society<\/li>\n                                <li>Museology\/Museum Studies<\/li>\n                                <li>Foreign Languages, Literatures, and Linguistics, Other<\/li>\n                                <li>Ethnic, Cultural Minority, Gender, and Group Studies<\/li>\n                                <li>Educational Administration and Supervision<\/li>\n                                <li>Statistics<\/li>\n                                <li>Public Policy Analysis<\/li>\n                                <li>Public Administration and Social Service Professions, Other<\/li>\n                                <li>Nuclear and Industrial Radiologic Technologies\/Technicians<\/li>\n                                <li>Multi-\/Interdisciplinary Studies, General<\/li>\n                                <li>Homeland Security<\/li>\n                                <li>Public Administration<\/li>\n                                <li>Natural Resources Management and Policy<\/li>\n                                <li>Natural Resources Conservation and Research<\/li>\n                                <li>Medieval and Renaissance Studies<\/li>\n                                <li>Linguistic, Comparative, and Related Language Studies and Services<\/li>\n                                <li>Engineering, Other<\/li>\n                                <li>Educational Assessment, Evaluation, and Research<\/li>\n                                <li>Demography and Population Studies<\/li>\n                                <li>Cultural Studies\/Critical Theory and Analysis<\/li>\n                                <li>Biomathematics, Bioinformatics, and Computational Biology<\/li>\n                                <li>Bioethics\/Medical Ethics<\/li>\n                                <li>Sociology<\/li>\n                                <li>Music<\/li>\n                                <li>Electrical, Electronics and Communications Engineering<\/li>\n                                <li>Area Studies<\/li>\n                                <li>Wildlife and Wildlands Science and Management<\/li>\n                                <li>Sustainability Studies<\/li>\n                                <li>Mental and Social Health Services and Allied Professions<\/li>\n                                <li>International Business<\/li>\n                                <li>Industrial Production Technologies\/Technicians<\/li>\n                                <li>Digital Humanities and Textual Studies<\/li>\n                                <li>Clinical, Counseling and Applied Psychology<\/li>\n                                <li>Arts, Entertainment,and Media Management<\/li>\n                                <li>Anthropology<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/details>\n                    <details style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 0; margin-bottom: 12px;\">\n                        <summary style=\"cursor: pointer; color: var(--color-white); font-size: 15px; font-weight: 600; padding: 16px 20px; list-style: none; position: relative;\">Online Undergraduate Certificates & Diplomas (71 programs)<span style=\"float: right; font-size: 18px; transition: transform 0.3s;\">\u25bc<\/span><\/summary>\n                        <div style=\"padding: 0 20px 16px 20px;\">\n                            <ul style=\"color: var(--color-gray-text); font-size: 14px; line-height: 1.7; margin-left: 20px;\">\n                                <li>Management Sciences and Quantitative Methods<\/li>\n                                <li>International Business<\/li>\n                                <li>Business Administration, Management and Operations<\/li>\n                                <li>International\/Global Studies<\/li>\n                                <li>Marketing<\/li>\n                                <li>Natural Resources Conservation and Research<\/li>\n                                <li>Hospitality Administration\/Management<\/li>\n                                <li>Political Science and Government<\/li>\n                                <li>Non-Professional General Legal Studies (Undergraduate)<\/li>\n                                <li>Homeland Security<\/li>\n                                <li>Business, Management, Marketing, and Related Support Services, Other<\/li>\n                                <li>Teacher Education and Professional Development, Specific Subject Areas<\/li>\n                                <li>Teacher Education and Professional Development, Specific Levels and Methods<\/li>\n                                <li>Allied Health and Medical Assisting Services<\/li>\n                                <li>Geography and Cartography<\/li>\n                                <li>Teaching English or French as a Second or Foreign Language<\/li>\n                                <li>Public Administration<\/li>\n                                <li>Multi\/Interdisciplinary Studies, Other<\/li>\n                                <li>Entrepreneurial and Small Business Operations<\/li>\n                                <li>Criminal Justice and Corrections<\/li>\n                                <li>Computer Software and Media Applications<\/li>\n                                <li>Communication Disorders Sciences and Services<\/li>\n                                <li>Religion\/Religious Studies<\/li>\n                                <li>Area Studies<\/li>\n                                <li>Social Sciences, Other<\/li>\n                                <li>Health and Physical Education\/Fitness<\/li>\n                                <li>Management Information Systems and Services<\/li>\n                                <li>Ethnic, Cultural Minority, Gender, and Group Studies<\/li>\n                                <li>Wildlife and Wildlands Science and Management<\/li>\n                                <li>Rhetoric and Composition\/Writing Studies<\/li>\n                                <li>Mathematics and Statistics, Other<\/li>\n                                <li>Homeland Security, Law Enforcement, Firefighting and Related Protective Services, Other<\/li>\n                                <li>Communication and Media Studies<\/li>\n                                <li>Public Health<\/li>\n                                <li>Middle\/Near Eastern and Semitic Languages, Literatures, and Linguistics<\/li>\n                                <li>Medieval and Renaissance Studies<\/li>\n                                <li>History<\/li>\n                                <li>Arts, Entertainment,and Media Management<\/li>\n                                <li>Sociology<\/li>\n                                <li>Social Work<\/li>\n                                <li>Public Relations, Advertising, and Applied Communication<\/li>\n                                <li>Liberal Arts and Sciences, General Studies and Humanities<\/li>\n                                <li>Health Services\/Allied Health\/Health Sciences, General<\/li>\n                                <li>Foods, Nutrition, and Related Services<\/li>\n                                <li>Cognitive Science<\/li>\n                                <li>Biomathematics, Bioinformatics, and Computational Biology<\/li>\n                                <li>Agricultural Production Operations<\/li>\n                                <li>Geological and Earth Sciences\/Geosciences<\/li>\n                                <li>Family and Consumer Sciences\/Human Sciences Business Services<\/li>\n                                <li>Atmospheric Sciences and Meteorology<\/li>\n                                <li>Multi-\/Interdisciplinary Studies, General<\/li>\n                                <li>Environmental Control Technologies\/Technicians<\/li>\n                                <li>Computer and Information Sciences, General<\/li>\n                                <li>Biology, General<\/li>\n                                <li>Visual and Performing Arts, General<\/li>\n                                <li>Social Sciences, General<\/li>\n                                <li>Romance Languages, Literatures, and Linguistics<\/li>\n                                <li>Philosophy<\/li>\n                                <li>Mental and Social Health Services and Allied Professions<\/li>\n                                <li>Mathematics and Computer Science<\/li>\n                                <li>Linguistic, Comparative, and Related Language Studies and Services<\/li>\n                                <li>Intercultural\/Multicultural and Diversity Studies<\/li>\n                                <li>Human Development, Family Studies, and Related Services<\/li>\n                                <li>History and Political Science<\/li>\n                                <li>Film\/Video and Photographic Arts<\/li>\n                                <li>Computer\/Information Technology Administration and Management<\/li>\n                                <li>Community\/Environmental\/Socially-Engaged Art<\/li>\n                                <li>Classics and Classical Languages, Literatures, and Linguistics<\/li>\n                                <li>Bioethics\/Medical Ethics<\/li>\n                                <li>Applied Mathematics<\/li>\n                                <li>Anthropology<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/details>\n                    <details style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 0; margin-bottom: 12px;\">\n                        <summary style=\"cursor: pointer; color: var(--color-white); font-size: 15px; font-weight: 600; padding: 16px 20px; list-style: none; position: relative;\">Online First Professional Degrees (1 program)<span style=\"float: right; font-size: 18px; transition: transform 0.3s;\">\u25bc<\/span><\/summary>\n                        <div style=\"padding: 0 20px 16px 20px;\">\n                            <ul style=\"color: var(--color-gray-text); font-size: 14px; line-height: 1.7; margin-left: 20px;\">\n                                <li>Law<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/details>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Student Demographics -->\n        <div class=\"section\" id=\"demographics\">\n            <h2 class=\"section-title\">Student Demographics<\/h2>\n            \n            <div style=\"margin-bottom: 40px;\">\n                <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 20px; font-weight: 600;\">Student Population<\/h3>\n                <div class=\"two-column\">\n                    <div>\n                        <ul class=\"info-list\">\n                            <li>\n                                <span class=\"info-label\">Total Undergraduate Enrollment<\/span>\n                                <span class=\"info-value\">0<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">Full-Time Students<\/span>\n                                <span class=\"info-value\">95.0%<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">Part-Time Students<\/span>\n                                <span class=\"info-value\">5.0%<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">Male Students<\/span>\n                                <span class=\"info-value\">0.0%<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">Female Students<\/span>\n                                <span class=\"info-value\">0.0%<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                    <div>\n                        <ul class=\"info-list\">\n                            <li>\n                                <span class=\"info-label\">Caucasian<\/span>\n                                <span class=\"info-value\">41.2%<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">Asian<\/span>\n                                <span class=\"info-value\">9.4%<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">Hispanic<\/span>\n                                <span class=\"info-value\">26.9%<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">Black<\/span>\n                                <span class=\"info-value\">4.4%<\/span>\n                            <\/li>\n                            <li>\n                                <span class=\"info-label\">Pell Grant Recipients<\/span>\n                                <span class=\"info-value\">0.0%<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"two-column\" style=\"margin-top: 40px;\">\n                <div>\n                    <div class=\"chart-container\">\n                        <h3 style=\"font-size: 18px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">Racial & Ethnic Diversity<\/h3>\n                        <p style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 15px; line-height: 1.5;\">Undergraduate student body composition by racial and ethnic background. This reflects Arizona State University Campus Immersion's commitment to diversity and inclusion in admissions.<\/p>\n                        <canvas id=\"ethnicityChart\"><\/canvas>\n                    <\/div>\n                <\/div>\n                <div>\n                    <div class=\"chart-container\">\n                        <h3 style=\"font-size: 18px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">Gender Distribution<\/h3>\n                        <p style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 15px; line-height: 1.5;\">Gender breakdown of Arizona State University Campus Immersion's undergraduate population. The university maintains a roughly balanced gender distribution across its student body.<\/p>\n                        <canvas id=\"genderChart\"><\/canvas>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            \n            <div class=\"insight-box\" style=\"margin-top: 40px;\">\n                <h3 style=\"color: var(--color-aqua); font-size: 18px; margin-bottom: 15px; font-weight: 700;\">\n                    Graduation Rate Equity Analysis\n                <\/h3>\n                <p class=\"intro\" style=\"font-style: italic; color: var(--color-white); margin-bottom: 20px;\">\n                    How well does Arizona State University Campus Immersion support students from different economic backgrounds?\n                <\/p>\n                \n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 20px;\">\n                    <div style=\"background: rgba(0,196,140,0.1); padding: 20px; border-radius: 12px; border: 1px solid var(--color-success);\">\n                        <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 8px; text-transform: uppercase;\">Pell Grant Recipients<\/div>\n                        <div style=\"font-size: 32px; font-weight: 700; color: var(--color-success);\">60.1%<\/div>\n                        <div style=\"font-size: 12px; color: var(--color-gray-text); margin-top: 4px;\">6-year graduation rate<\/div>\n                    <\/div>\n                    <div style=\"background: rgba(0,179,198,0.1); padding: 20px; border-radius: 12px; border: 1px solid var(--color-aqua);\">\n                        <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 8px; text-transform: uppercase;\">Non-Pell Students<\/div>\n                        <div style=\"font-size: 32px; font-weight: 700; color: var(--color-aqua);\">74.1%<\/div>\n                        <div style=\"font-size: 12px; color: var(--color-gray-text); margin-top: 4px;\">6-year graduation rate<\/div>\n                    <\/div>\n                    <div style=\"background: rgba(245,183,61,0.1); padding: 20px; border-radius: 12px; border: 1px solid var(--color-warning);\">\n                        <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 8px; text-transform: uppercase;\">Equity Gap<\/div>\n                        <div style=\"font-size: 32px; font-weight: 700; color: var(--color-warning);\">14.0 pts<\/div>\n                        <div style=\"font-size: 12px; color: var(--color-gray-text); margin-top: 4px; text-transform: capitalize;\">equity gap to monitor<\/div>\n                    <\/div>\n                <\/div>\n                \n                <p style=\"color: var(--color-gray-text); line-height: 1.8;\">\n                    <strong style=\"color: var(--color-aqua);\">What this means:<\/strong> Lower-income students (Pell Grant recipients) graduate at a different rate as higher-income students, indicating varying levels of institutional support for all economic backgrounds.\n                <\/p>\n            <\/div>\n            \n            \n            \n            <details class=\"section-collapsible\" style=\"margin-top: 30px;\">\n                <summary style=\"cursor: pointer; font-weight: 600; color: var(--color-link); list-style: none;\">Compare graduation rates by race\/ethnicity<\/summary>\n                <div class=\"chart-container\" style=\"margin-top: 20px;\">\n                    <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">Graduation Rates by Race\/Ethnicity<\/h3>\n                    <p style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 20px; line-height: 1.6;\">\n                        Six-year graduation rates for different demographic groups at Arizona State University Campus Immersion, compared to national averages. \n                        This shows whether the institution supports all students equitably.\n                    <\/p>\n                    <canvas id=\"demoGradChart_18015992\"><\/canvas>\n                <\/div>\n            <\/details>\n            \n            <script>\n            \/\/ Graduation Rates by Race\/Ethnicity Chart\n            (function() {\n                const ctx = document.getElementById('demoGradChart_18015992');\n                if (!ctx) return;\n                \n                const labels = [\"White\", \"Black\", \"Hispanic\", \"Asian\", \"Native American\", \"Pacific Islander\", \"Two or more races\"];\n                const rates = [70.66, 51.57000000000001, 61.050000000000004, 81.06, 41.410000000000004, 57.89, 66.23];\n                const nationalAvg = 62.0; \/\/ National 6-year graduation rate average\n                \n                new Chart(ctx, {\n                    type: 'bar',\n                    data: {\n                        labels: labels,\n                        datasets: [\n                            {\n                                label: 'Arizona State University Campus Immersion',\n                                data: rates,\n                                backgroundColor: 'rgba(0, 179, 198, 0.6)',\n                                borderColor: 'rgba(0, 179, 198, 1)',\n                                borderWidth: 2\n                            },\n                            {\n                                label: 'National Average',\n                                data: new Array(rates.length).fill(nationalAvg),\n                                backgroundColor: 'rgba(255, 255, 255, 0.2)',\n                                borderColor: 'rgba(255, 255, 255, 0.5)',\n                                borderWidth: 1,\n                                borderDash: [5, 5]\n                            }\n                        ]\n                    },\n                    options: {\n                        responsive: true,\n                        maintainAspectRatio: true,\n                        aspectRatio: 1.5,\n                        plugins: {\n                            legend: {\n                                display: true,\n                                position: 'top',\n                                labels: {\n                                    color: 'rgba(255, 255, 255, 0.9)',\n                                    font: { size: 13 }\n                                }\n                            },\n                            tooltip: {\n                                backgroundColor: 'rgba(10, 28, 74, 0.95)',\n                                titleColor: '#FFFFFF',\n                                bodyColor: '#E8ECF1',\n                                borderColor: 'rgba(0, 179, 198, 0.5)',\n                                borderWidth: 1,\n                                callbacks: {\n                                    label: function(context) {\n                                        return context.dataset.label + ': ' + context.parsed.y.toFixed(1) + '%';\n                                    }\n                                }\n                            }\n                        },\n                        scales: {\n                            y: {\n                                beginAtZero: true,\n                                max: 100,\n                                ticks: {\n                                    color: 'rgba(255, 255, 255, 0.7)',\n                                    callback: function(value) {\n                                        return value + '%';\n                                    }\n                                },\n                                grid: {\n                                    color: 'rgba(255, 255, 255, 0.1)'\n                                }\n                            },\n                            x: {\n                                ticks: {\n                                    color: 'rgba(255, 255, 255, 0.7)'\n                                },\n                                grid: {\n                                    display: false\n                                }\n                            }\n                        }\n                    }\n                });\n            })();\n            <\/script>\n            \n            \n            <div style=\"background: #1F2F58; padding: 24px; border-radius: 12px; border-left: 4px solid var(--color-aqua); margin-top: 30px;\">\n                <p style=\"color: #F5F7FA; font-size: 15px; line-height: 1.8; margin: 0;\">\n                    <strong style=\"color: var(--color-aqua);\">EDsmart Insight:<\/strong> Arizona State University Campus Immersion has a diverse student body, with 41.2% identifying as White.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Graduation Rate Equity Analysis -->\n        \n            <div class=\"insight-box\" style=\"margin-top: 40px;\">\n                <h3 style=\"color: var(--color-aqua); font-size: 18px; margin-bottom: 15px; font-weight: 700;\">\n                    Graduation Rate Equity Analysis\n                <\/h3>\n                <p class=\"intro\" style=\"font-style: italic; color: var(--color-white); margin-bottom: 20px;\">\n                    How well does Arizona State University Campus Immersion support students from different economic backgrounds?\n                <\/p>\n                \n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 20px;\">\n                    <div style=\"background: rgba(0,196,140,0.1); padding: 20px; border-radius: 12px; border: 1px solid var(--color-success);\">\n                        <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 8px; text-transform: uppercase;\">Pell Grant Recipients<\/div>\n                        <div style=\"font-size: 32px; font-weight: 700; color: var(--color-success);\">60.1%<\/div>\n                        <div style=\"font-size: 12px; color: var(--color-gray-text); margin-top: 4px;\">6-year graduation rate<\/div>\n                    <\/div>\n                    <div style=\"background: rgba(0,179,198,0.1); padding: 20px; border-radius: 12px; border: 1px solid var(--color-aqua);\">\n                        <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 8px; text-transform: uppercase;\">Non-Pell Students<\/div>\n                        <div style=\"font-size: 32px; font-weight: 700; color: var(--color-aqua);\">74.1%<\/div>\n                        <div style=\"font-size: 12px; color: var(--color-gray-text); margin-top: 4px;\">6-year graduation rate<\/div>\n                    <\/div>\n                    <div style=\"background: rgba(245,183,61,0.1); padding: 20px; border-radius: 12px; border: 1px solid var(--color-warning);\">\n                        <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 8px; text-transform: uppercase;\">Equity Gap<\/div>\n                        <div style=\"font-size: 32px; font-weight: 700; color: var(--color-warning);\">14.0 pts<\/div>\n                        <div style=\"font-size: 12px; color: var(--color-gray-text); margin-top: 4px; text-transform: capitalize;\">equity gap to monitor<\/div>\n                    <\/div>\n                <\/div>\n                \n                <p style=\"color: var(--color-gray-text); line-height: 1.8;\">\n                    <strong style=\"color: var(--color-aqua);\">What this means:<\/strong> Lower-income students (Pell Grant recipients) graduate at a different rate as higher-income students, indicating varying levels of institutional support for all economic backgrounds.\n                <\/p>\n            <\/div>\n            \n        \n        <!-- Graduation Rates by Race\/Ethnicity -->\n        \n            <details class=\"section-collapsible\" style=\"margin-top: 30px;\">\n                <summary style=\"cursor: pointer; font-weight: 600; color: var(--color-link); list-style: none;\">Compare graduation rates by race\/ethnicity<\/summary>\n                <div class=\"chart-container\" style=\"margin-top: 20px;\">\n                    <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">Graduation Rates by Race\/Ethnicity<\/h3>\n                    <p style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 20px; line-height: 1.6;\">\n                        Six-year graduation rates for different demographic groups at Arizona State University Campus Immersion, compared to national averages. \n                        This shows whether the institution supports all students equitably.\n                    <\/p>\n                    <canvas id=\"demoGradChart_50850293\"><\/canvas>\n                <\/div>\n            <\/details>\n            \n            <script>\n            \/\/ Graduation Rates by Race\/Ethnicity Chart\n            (function() {\n                const ctx = document.getElementById('demoGradChart_50850293');\n                if (!ctx) return;\n                \n                const labels = [\"White\", \"Black\", \"Hispanic\", \"Asian\", \"Native American\", \"Pacific Islander\", \"Two or more races\"];\n                const rates = [70.66, 51.57000000000001, 61.050000000000004, 81.06, 41.410000000000004, 57.89, 66.23];\n                const nationalAvg = 62.0; \/\/ National 6-year graduation rate average\n                \n                new Chart(ctx, {\n                    type: 'bar',\n                    data: {\n                        labels: labels,\n                        datasets: [\n                            {\n                                label: 'Arizona State University Campus Immersion',\n                                data: rates,\n                                backgroundColor: 'rgba(0, 179, 198, 0.6)',\n                                borderColor: 'rgba(0, 179, 198, 1)',\n                                borderWidth: 2\n                            },\n                            {\n                                label: 'National Average',\n                                data: new Array(rates.length).fill(nationalAvg),\n                                backgroundColor: 'rgba(255, 255, 255, 0.2)',\n                                borderColor: 'rgba(255, 255, 255, 0.5)',\n                                borderWidth: 1,\n                                borderDash: [5, 5]\n                            }\n                        ]\n                    },\n                    options: {\n                        responsive: true,\n                        maintainAspectRatio: true,\n                        aspectRatio: 1.5,\n                        plugins: {\n                            legend: {\n                                display: true,\n                                position: 'top',\n                                labels: {\n                                    color: 'rgba(255, 255, 255, 0.9)',\n                                    font: { size: 13 }\n                                }\n                            },\n                            tooltip: {\n                                backgroundColor: 'rgba(10, 28, 74, 0.95)',\n                                titleColor: '#FFFFFF',\n                                bodyColor: '#E8ECF1',\n                                borderColor: 'rgba(0, 179, 198, 0.5)',\n                                borderWidth: 1,\n                                callbacks: {\n                                    label: function(context) {\n                                        return context.dataset.label + ': ' + context.parsed.y.toFixed(1) + '%';\n                                    }\n                                }\n                            }\n                        },\n                        scales: {\n                            y: {\n                                beginAtZero: true,\n                                max: 100,\n                                ticks: {\n                                    color: 'rgba(255, 255, 255, 0.7)',\n                                    callback: function(value) {\n                                        return value + '%';\n                                    }\n                                },\n                                grid: {\n                                    color: 'rgba(255, 255, 255, 0.1)'\n                                }\n                            },\n                            x: {\n                                ticks: {\n                                    color: 'rgba(255, 255, 255, 0.7)'\n                                },\n                                grid: {\n                                    display: false\n                                }\n                            }\n                        }\n                    }\n                });\n            })();\n            <\/script>\n            \n\n        <div class=\"section\" id=\"our-take\">\n            <div class=\"section\" id=\"our-take\">\n                    <div class=\"section\" id=\"our-take\">\n            <h2 class=\"section-title\">Our Take<\/h2>\n            <div class=\"insight-box\">\n                <p class=\"intro\">Arizona State University Campus Immersion serves as an affordable university for students seeking quality education without elite university costs. Ranked #232 nationally with a 80.9% ROI, the institution balances practical outcomes with budget-friendly pricing.<\/p>\n                <p>At $14,967 annually, students gain access to career-focused programs leading to $52,843 median earnings. The 68.0% six-year graduation rate reflects reasonable completion metrics for a university. While 86.6% retention suggests adequate student support.<\/p>\n            <\/div>\n            \n            <!-- Regional University Perspective -->\n            <div class=\"insight-box\" style=\"margin-top: 40px;\">\n                <h3 style=\"color: var(--color-aqua); font-size: 18px; margin-bottom: 15px; font-weight: 700;\">University Value: Arizona State University Campus Immersion's Strengths<\/h3>\n                <p class=\"intro\" style=\"font-style: italic; color: var(--color-white); margin-bottom: 15px;\">\n                    Ranked #232 with a A- grade, Arizona State University Campus Immersion prioritizes accessibility and local career connections over national prestige.\n                <\/p>\n                <p style=\"color: var(--color-gray-text); line-height: 1.8; margin-bottom: 12px;\">\n                    <strong>Primary Strengths:<\/strong> Universitys like Arizona State University Campus Immersion excel at providing affordable education ($14,967 annually) with strong local employer relationships. Many programs emphasize practical skills and internships within the regional economy.\n                <\/p>\n                <p style=\"color: var(--color-gray-text); line-height: 1.8; margin-bottom: 12px;\">\n                    <strong>Best For:<\/strong> Students planning to work in the region after graduation benefit from established employer connections. Adult learners and part-time students appreciate flexible scheduling. First-generation students and budget-conscious families gain degrees without overwhelming debt.\n                <\/p>\n                <p style=\"color: var(--color-gray-text); line-height: 1.8; margin-bottom: 12px;\">\n                    <strong>Honest Assessment:<\/strong> Arizona State University Campus Immersion's 86.6% retention and 68.0% six-year graduation rate trail elite universities but align with typical university performance. Career outcomes ($52,843 median earnings) reflect regional job markets more than national opportunities.\n                <\/p>\n                <p style=\"color: var(--color-gray-text); line-height: 1.8;\">\n                    <strong>Value Verdict:<\/strong> For students committed to regional careers, Arizona State University Campus Immersion's 80.9% ROI and $14,967 cost deliver solid value. Those seeking national job mobility or prestigious credentials should compare against flagship state universities or targeted private scholarships.\n                <\/p>\n            <\/div>\n            <div style=\"background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 24px; margin-top: 40px;\">\n                <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 16px; font-weight: 700;\">Key Takeaways<\/h3>\n                <ul style=\"margin: 0; padding-left: 20px; color: var(--color-gray-text); line-height: 1.7; font-size: 14px; display: grid; gap: 10px;\">\n                    <li>68.0% six-year graduation rate sits 5.5 points above the national 62.5% benchmark.<\/li><li>86.6% first-year retention is 9.8 points above the national norm of 76.8%.<\/li><li>80.9% return on investment is 31.0 points above the national 49.9% benchmark.<\/li><li>Median earnings of $52,843 run about 21% higher than national outcomes six years after enrollment.<\/li><li>Average net price of $14,967 is roughly $2,460 lower than the national median of $17,426.<\/li>\n                <\/ul>\n            <\/div>\n    \n            <div style=\"background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 28px; margin: 40px 0;\">\n                <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 16px; font-weight: 700;\">Helpfulness for Students<\/h3>\n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px;\">\n                    <div style=\"background: rgba(0,196,140,0.12); border: 1px solid rgba(0,196,140,0.35); border-radius: 12px; padding: 18px;\">\n                        <div style=\"font-size: 14px; color: var(--color-success); font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px;\">Green Flags<\/div>\n                        <ul style=\"margin: 0; padding-left: 18px; color: var(--color-white); line-height: 1.7; font-size: 14px;\">\n                            <li>18:1 student-faculty ratio keeps mentorship close and courses discussion-sized.<\/li><li>86.6% first-year retention shows students stay engaged after the first year.<\/li><li>86.8% employment rate within three years sits 18.6 points above national outcomes.<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div style=\"background: rgba(232,91,91,0.12); border: 1px solid rgba(232,91,91,0.35); border-radius: 12px; padding: 18px;\">\n                        <div style=\"font-size: 14px; color: var(--color-error); font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px;\">Red Flags<\/div>\n                        <ul style=\"margin: 0; padding-left: 18px; color: var(--color-white); line-height: 1.7; font-size: 14px;\">\n                            <li>Budget carefully for clinical travel, off-campus housing, and practicum fees to avoid surprise costs.<\/li><li>Compare aid offers from nearby public universities to weigh the premium for smaller classes.<\/li><li>Compare aid offers from nearby public universities to weigh the premium for smaller classes.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n    \n            \n            <details class=\"expert-analysis\" style=\"background: #1F2F58; border-left: 4px solid var(--color-warning); border-radius: 12px; padding: 25px; margin-top: 30px;\">\n                <summary style=\"cursor: pointer; padding: 0; font-weight: 700; color: var(--color-warning); font-size: 16px; margin-bottom: 12px;\">EDsmart Expert Analysis<\/summary>\n                <div style=\"color: #F5F7FA; line-height: 1.7; font-size: 15px;\">\n                    <p style=\"margin: 18px 0 12px 0;\">EDsmart rates Arizona State University Campus Immersion\u2014a public university in Tempe, AZ\u2014at A- overall. It appears at #232 in EDsmart's national list Grades by category break down as Completion B+, Support B, Career Outcomes B+, and Affordability B.<\/p>\n                    <p style=\"margin: 0 0 12px 0;\">Grades are assigned relative to EDsmart's national bachelor's cohort using standardized outcomes (2026 methodology); they reflect how a school compares to peers, not a fixed percentage of a raw point total.<\/p>\n                    <p style=\"margin: 0 0 12px 0;\">Expect about 68.0% of students to graduate within six years. EDsmart calculates the ROI at 80.9%, offering a quick value checkpoint.<\/p>\n                    <p style=\"margin: 0;\">Why it matters: this snapshot shows how likely you are to stay on track academically and whether the outcomes justify the price tag. Letter grades summarize cohort-relative performance\u2014not a single exam-style score.<\/p>\n                <\/div>\n            <\/details>\n            <details class=\"expert-analysis\" style=\"background: #1F2F58; border-left: 4px solid var(--color-warning); border-radius: 12px; padding: 25px; margin-top: 30px;\">\n                <summary style=\"cursor: pointer; padding: 0; font-weight: 700; color: var(--color-warning); font-size: 16px; margin-bottom: 12px;\">EDsmart Financial Snapshot<\/summary>\n                <div style=\"color: #F5F7FA; line-height: 1.7; font-size: 15px;\">\n                    <p style=\"margin: 18px 0 12px 0;\">Families pay about $14,967 on average after aid, compared with a published cost near $30,111.<\/p>\n                    <p style=\"margin: 0 0 12px 0;\">Institutional and federal aid lower costs by roughly $15,144 per year.<\/p>\n                    <p style=\"margin: 0 0 12px 0;\">Graduates leave with a median of $13,610 in federal loans, which lines up with national norms.<\/p>\n                    <p style=\"margin: 0 0 12px 0;\">Pell Grant participation data is not reported.<\/p>\n                    <p style=\"margin: 0;\">Why it matters: lining up sticker price, aid, and typical debt helps you stress-test the budget before you commit.<\/p>\n                <\/div>\n            <\/details>\n            <details class=\"expert-analysis\" style=\"background: #1F2F58; border-left: 4px solid var(--color-warning); border-radius: 12px; padding: 25px; margin-top: 30px;\">\n                <summary style=\"cursor: pointer; padding: 0; font-weight: 700; color: var(--color-warning); font-size: 16px; margin-bottom: 12px;\">EDsmart Career Snapshot<\/summary>\n                <div style=\"color: #F5F7FA; line-height: 1.7; font-size: 15px;\">\n                    <p style=\"margin: 18px 0 12px 0;\">Graduates report median earnings of about $52,843 six years after entry. This is roughly 21% above typical U.S. college outcomes.<\/p>\n                    <p style=\"margin: 0 0 12px 0;\">The three-year employment rate is close to 86.8%.<\/p>\n                    <p style=\"margin: 0 0 12px 0;\">The ROI comes in near 80.9%, which you can cross-check against your financial plan.<\/p>\n                    <p style=\"margin: 0;\">Why it matters: pairing median earnings with employment rates gives you a sense of payback time after graduation.<\/p>\n                <\/div>\n            <\/details>\n            <details class=\"expert-analysis\" style=\"background: #1F2F58; border-left: 4px solid var(--color-warning); border-radius: 12px; padding: 25px; margin-top: 30px;\">\n                <summary style=\"cursor: pointer; padding: 0; font-weight: 700; color: var(--color-warning); font-size: 16px; margin-bottom: 12px;\">EDsmart Admissions Snapshot<\/summary>\n                <div style=\"color: #F5F7FA; line-height: 1.7; font-size: 15px;\">\n                    <p style=\"margin: 18px 0 12px 0;\">89.9% of applicants receive offers, so preparation and fit matter.<\/p>\n                    <p style=\"margin: 0 0 12px 0;\">The admissions team encourages students to highlight academic strengths through transcripts, essays, and recommendations.<\/p>\n                    <p style=\"margin: 0 0 12px 0;\">Prospective students can apply early for priority review and lean on the <a href=\"https:\/\/www.asu.edu\/admissions\" target=\"_blank\" rel=\"noopener\">Arizona State University Campus Immersion admissions site<\/a> for deadlines, visit options, and counselor contacts.<\/p>\n                    <p style=\"margin: 0;\">Why it matters: knowing the admit rate and application expectations lets you map out testing, essays, and deadlines with less stress.<\/p>\n                <\/div>\n            <\/details>\n            <div style=\"background: var(--color-primary); padding: 25px; border-radius: 12px; border: 2px solid rgba(0,196,140,0.3); margin-top: 30px; text-align: center;\">\n                <div style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px;\">EDsmart Verdict<\/div>\n                <div style=\"font-size: 36px; font-weight: 900; color: var(--color-success); margin-bottom: 8px;\">4.33 \/ 5<\/div>\n                <div style=\"font-size: 13px; color: var(--color-gray-text);\">Value Rating - Based on affordability and career outcomes<\/div>\n            <\/div>\n        <\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"background: var(--color-primary); border: 2px solid var(--color-aqua); border-radius: 16px; padding: 30px; margin: 40px 0;\"><h3 style=\"font-size: 20px; color: var(--color-aqua); margin-bottom: 20px; font-weight: 700; display: flex; align-items: center; gap: 10px;\">Your Decision Toolkit<\/h3><div style=\"display: grid; gap: 15px;\"><div style=\"display: flex; align-items: start; gap: 15px; padding: 15px; background: rgba(255,255,255,0.03); border-radius: 8px; cursor: pointer;\" onclick=\"this.querySelector('input').checked = !this.querySelector('input').checked\"><input type=\"checkbox\" style=\"margin-top: 4px; width: 18px; height: 18px; cursor: pointer;\" onclick=\"event.stopPropagation()\"><div style=\"flex: 1;\"><div style=\"color: var(--color-white); font-weight: 600; margin-bottom: 4px;\">Run the Net Price Calculator<\/div><div style=\"color: var(--color-gray-text); font-size: 13px;\">Get your personalized cost estimate<\/div><\/div><\/div><div style=\"display: flex; align-items: start; gap: 15px; padding: 15px; background: rgba(255,255,255,0.03); border-radius: 8px; cursor: pointer;\" onclick=\"this.querySelector('input').checked = !this.querySelector('input').checked\"><input type=\"checkbox\" style=\"margin-top: 4px; width: 18px; height: 18px; cursor: pointer;\" onclick=\"event.stopPropagation()\"><div style=\"flex: 1;\"><div style=\"color: var(--color-white); font-weight: 600; margin-bottom: 4px;\">Compare with similar schools<\/div><div style=\"color: var(--color-gray-text); font-size: 13px;\">See how Arizona State University Campus Immersion stacks up to alternatives<\/div><\/div><\/div><div style=\"display: flex; align-items: start; gap: 15px; padding: 15px; background: rgba(255,255,255,0.03); border-radius: 8px; cursor: pointer;\" onclick=\"this.querySelector('input').checked = !this.querySelector('input').checked\"><input type=\"checkbox\" style=\"margin-top: 4px; width: 18px; height: 18px; cursor: pointer;\" onclick=\"event.stopPropagation()\"><div style=\"flex: 1;\"><div style=\"color: var(--color-white); font-weight: 600; margin-bottom: 4px;\">Check your major's earnings<\/div><div style=\"color: var(--color-gray-text); font-size: 13px;\">See ROI for your specific field of study<\/div><\/div><\/div><div style=\"display: flex; align-items: start; gap: 15px; padding: 15px; background: rgba(255,255,255,0.03); border-radius: 8px; cursor: pointer;\" onclick=\"this.querySelector('input').checked = !this.querySelector('input').checked\"><input type=\"checkbox\" style=\"margin-top: 4px; width: 18px; height: 18px; cursor: pointer;\" onclick=\"event.stopPropagation()\"><div style=\"flex: 1;\"><div style=\"color: var(--color-white); font-weight: 600; margin-bottom: 4px;\">Visit the campus<\/div><div style=\"color: var(--color-gray-text); font-size: 13px;\">Schedule a campus tour or virtual visit<\/div><\/div><\/div><\/div><a href=\"https:\/\/www.asu.edu\/\" class=\"btn btn-secondary\" target=\"_blank\" rel=\"noopener\" style=\"margin-top: 20px; display: inline-block; width: 100%; text-align: center;\">Visit Arizona State University Campus Immersion Website \u2192<\/a><\/div>\n\n        <!-- Similar & Nearby Schools -->\n        <div class=\"section\" id=\"similar\">\n            <h2 class=\"section-title\" style=\"margin-bottom: 8px;\">Similar Schools<\/h2>\n            <p style=\"color: var(--color-gray-text); font-size: 14px; margin-bottom: 30px;\">Institutions with similar academic profiles, selectivity, and outcomes<\/p>\n            \n            <div style=\"margin-bottom: 40px;\">\n            <div class=\"quick-facts\" id=\"similar-schools-grid\" style=\"grid-template-columns: repeat(4, 1fr);\">\n                <div class=\"carousel-wrapper\" data-carousel=\"similar\" style=\"grid-column: 1 \/ -1; width: 100%;\">\n                    <button type=\"button\" class=\"carousel-arrow carousel-arrow-left\" aria-label=\"Scroll similar schools left\" onclick=\"scrollCarousel('similar', -1)\">\u2039<\/button>\n                    <div class=\"schools-scroll-container\" id=\"similar-carousel\">\n                    <div class=\"stat-card\" style=\"cursor: pointer;\" onclick=\"window.location.href='\/school-profiles\/rabbinical-college-bobover-yeshiva-bnei-zion.html'\">\n                        <div class=\"stat-label\">Rabbinical College Bobover Yeshiva Bnei Zion<\/div>\n                        <div class=\"stat-value\" style=\"font-size: 18px; margin-top: 10px;\">Brooklyn, NY<\/div>\n                        <div style=\"margin-top: 15px;\">\n                            <span style=\"color: var(--color-success); font-weight: 700;\">A-<\/span>\n                            <span style=\"color: var(--color-gray-text); margin-left: 10px;\">#202 of 6,119<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"stat-card\" style=\"cursor: pointer;\" onclick=\"window.location.href='\/school-profiles\/goshen-college.html'\">\n                        <div class=\"stat-label\">Goshen College<\/div>\n                        <div class=\"stat-value\" style=\"font-size: 18px; margin-top: 10px;\">Goshen, IN<\/div>\n                        <div style=\"margin-top: 15px;\">\n                            <span style=\"color: var(--color-success); font-weight: 700;\">A-<\/span>\n                            <span style=\"color: var(--color-gray-text); margin-left: 10px;\">#203 of 6,119<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"stat-card\" style=\"cursor: pointer;\" onclick=\"window.location.href='\/school-profiles\/gnomon.html'\">\n                        <div class=\"stat-label\">Gnomon<\/div>\n                        <div class=\"stat-value\" style=\"font-size: 18px; margin-top: 10px;\">North Hollywood, CA<\/div>\n                        <div style=\"margin-top: 15px;\">\n                            <span style=\"color: var(--color-success); font-weight: 700;\">A-<\/span>\n                            <span style=\"color: var(--color-gray-text); margin-left: 10px;\">#204 of 6,119<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"stat-card\" style=\"cursor: pointer;\" onclick=\"window.location.href='\/school-profiles\/lewis-university.html'\">\n                        <div class=\"stat-label\">Lewis University<\/div>\n                        <div class=\"stat-value\" style=\"font-size: 18px; margin-top: 10px;\">Romeoville, IL<\/div>\n                        <div style=\"margin-top: 15px;\">\n                            <span style=\"color: var(--color-success); font-weight: 700;\">A-<\/span>\n                            <span style=\"color: var(--color-gray-text); margin-left: 10px;\">#205 of 6,119<\/span>\n                        <\/div>\n                    <\/div>\n                    <\/div>\n                    <button type=\"button\" class=\"carousel-arrow carousel-arrow-right\" aria-label=\"Scroll similar schools right\" onclick=\"scrollCarousel('similar', 1)\">\u203a<\/button>\n                <\/div>\n            <\/div>\n            <\/div>\n            <\/div>\n            \n        <div class=\"section\" id=\"nearby\">\n            <h2 class=\"section-title\" style=\"margin-bottom: 8px;\">Nearby Schools<\/h2>\n            <p style=\"color: var(--color-gray-text); font-size: 14px; margin-bottom: 30px;\">Other <!--STATE--> campuses you might consider<\/p>\n                    <p style=\"color: var(--color-gray-text); font-size: 14px; margin-bottom: 30px;\">Other Arizona campuses you might consider<\/p>\n        <div class=\"quick-facts\" style=\"grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px;\">\n<div class=\"stat-card\" style=\"cursor: pointer;\" onclick=\"window.location.href='\/school-profiles\/devry-university-arizona.html'\">\n                    <div class=\"stat-label\">DeVry University-Arizona<\/div>\n                    <div class=\"stat-value\" style=\"font-size: 18px; margin-top: 10px;\">Phoenix, AZ<\/div>\n                    <div style=\"margin-top: 15px;\">\n                        <span style=\"color: var(--color-success); font-weight: 700;\">A-<\/span>\n                        <span style=\"color: var(--color-gray-text); margin-left: 10px;\">#215 of 6,119<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"stat-card\" style=\"cursor: pointer;\" onclick=\"window.location.href='\/school-profiles\/university-of-arizona.html'\">\n                    <div class=\"stat-label\">University of Arizona<\/div>\n                    <div class=\"stat-value\" style=\"font-size: 18px; margin-top: 10px;\">Tucson, AZ<\/div>\n                    <div style=\"margin-top: 15px;\">\n                        <span style=\"color: var(--color-success); font-weight: 700;\">B+<\/span>\n                        <span style=\"color: var(--color-gray-text); margin-left: 10px;\">#524 of 6,119<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"stat-card\" style=\"cursor: pointer;\" onclick=\"window.location.href='\/school-profiles\/northern-arizona-university.html'\">\n                    <div class=\"stat-label\">Northern Arizona University<\/div>\n                    <div class=\"stat-value\" style=\"font-size: 18px; margin-top: 10px;\">Flagstaff, AZ<\/div>\n                    <div style=\"margin-top: 15px;\">\n                        <span style=\"color: var(--color-success); font-weight: 700;\">B<\/span>\n                        <span style=\"color: var(--color-gray-text); margin-left: 10px;\">#671 of 6,119<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"stat-card\" style=\"cursor: pointer;\" onclick=\"window.location.href='\/school-profiles\/chamberlain-university-arizona.html'\">\n                    <div class=\"stat-label\">Chamberlain University-Arizona<\/div>\n                    <div class=\"stat-value\" style=\"font-size: 18px; margin-top: 10px;\">Phoenix, AZ<\/div>\n                    <div style=\"margin-top: 15px;\">\n                        <span style=\"color: var(--color-success); font-weight: 700;\">B<\/span>\n                        <span style=\"color: var(--color-gray-text); margin-left: 10px;\">#775 of 6,119<\/span>\n                    <\/div>\n                <\/div>\n        <\/div>\n        <\/div>\n\n        <section class=\"school-faq-section\" id=\"faq\" aria-labelledby=\"school-faq-heading\">\n<h2 class=\"section-title\" id=\"school-faq-heading\">Frequently Asked Questions<\/h2>\n<div class=\"school-faq-list\">\n<div class=\"school-faq-item\"><h3 class=\"school-faq-q\">What is Arizona State University Campus Immersion's acceptance rate?<\/h3><p class=\"school-faq-a\">Arizona State University Campus Immersion's acceptance rate is 89.9%, based on U.S. Department of Education College Scorecard admissions data.<\/p><\/div>\n<div class=\"school-faq-item\"><h3 class=\"school-faq-q\">How much does Arizona State University Campus Immersion cost?<\/h3><p class=\"school-faq-a\">At Arizona State University Campus Immersion, the average net price after aid is $14,967. Use the net price calculator on this page for a personalized estimate.<\/p><\/div>\n<div class=\"school-faq-item\"><h3 class=\"school-faq-q\">What is Arizona State University Campus Immersion's ranking?<\/h3><p class=\"school-faq-a\">Arizona State University Campus Immersion ranks #232 nationally in EDsmart's 2026 college rankings with an overall grade of A-, based on completion, affordability, support, and career outcomes.<\/p><\/div>\n<div class=\"school-faq-item\"><h3 class=\"school-faq-q\">What is Arizona State University Campus Immersion's graduation rate?<\/h3><p class=\"school-faq-a\">At Arizona State University Campus Immersion, the six-year graduation rate is 68.0%.<\/p><\/div>\n<div class=\"school-faq-item\"><h3 class=\"school-faq-q\">What are Arizona State University Campus Immersion's job outcomes?<\/h3><p class=\"school-faq-a\">Graduates of Arizona State University Campus Immersion report median earnings of $52,843 six years after enrollment, according to College Scorecard federal outcome data. Outcomes vary by major.<\/p><\/div>\n<\/div><\/section>\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is Arizona State University Campus Immersion's acceptance rate?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Arizona State University Campus Immersion's acceptance rate is 89.9%, based on U.S. Department of Education College Scorecard admissions data.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How much does Arizona State University Campus Immersion cost?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"At Arizona State University Campus Immersion, the average net price after aid is $14,967. Use the net price calculator on this page for a personalized estimate.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is Arizona State University Campus Immersion's ranking?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Arizona State University Campus Immersion ranks #232 nationally in EDsmart's 2026 college rankings with an overall grade of A-, based on completion, affordability, support, and career outcomes.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is Arizona State University Campus Immersion's graduation rate?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"At Arizona State University Campus Immersion, the six-year graduation rate is 68.0%.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What are Arizona State University Campus Immersion's job outcomes?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Graduates of Arizona State University Campus Immersion report median earnings of $52,843 six years after enrollment, according to College Scorecard federal outcome data. Outcomes vary by major.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n        <!-- Contact Information -->\n        <div class=\"section\" id=\"contact-info\">\n            <h2 class=\"section-title\">Contact Information<\/h2>\n            <div class=\"two-column\">\n                <div>\n                    <ul class=\"info-list\">\n                        <li>\n                            <span class=\"info-label\">Address<\/span>\n                            <span class=\"info-value\">Tempe, AZ 85287<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">Website<\/span>\n                            <span class=\"info-value\"><a href=\"https:\/\/www.asu.edu\" target=\"_blank\" style=\"color: var(--color-aqua);\">www.asu.edu<\/a><\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-label\">Net Price Calculator<\/span>\n                            <span class=\"info-value\"><a href=\"https:\/\/app.meadowfi.com\/asu\" target=\"_blank\" style=\"color: var(--color-aqua);\">Calculate Your Cost<\/a><\/span>\n                        <\/li>\n                        <li><span class=\"info-label\">Financial Aid<\/span><span class=\"info-value\"><a href=\"https:\/\/www.asu.edu\/financial-aid\" target=\"_blank\" style=\"color: var(--color-aqua);\">View Financial Aid Information<\/a><\/span><\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <ul class=\"info-list\">\n                        <li><span class=\"info-label\">Accreditation<\/span><span class=\"info-value\">Higher Learning Commission (NCACHE)<\/span><\/li>\n                        <li><span class=\"info-label\">Endowment<\/span><span class=\"info-value\">$1.22B<\/span><\/li>\n                        <li><span class=\"info-label\">Transfer Enrollment Rate<\/span><span class=\"info-value\">18.1%<\/span><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CTA Buttons -->\n        <div class=\"cta-group\">\n            <a href=\"https:\/\/edsmart.collegedegrees.com\/app\/experience\/?publisher=edsmart.org&url=https%3A%2F%2Fwww.edsmart.org%2Fschools%2F&degree=general&category=general\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Search Programs<\/a>\n        <\/div>\n\n        <!-- Methodology -->\n        <div class=\"methodology-box\" id=\"methodologyBox\" style=\"cursor: pointer;\" onclick=\"toggleMethodology()\">\n            <h3>Data Source & Methodology <span id=\"methodologyToggle\" style=\"float: right; font-size: 18px; transition: transform 0.3s;\">\u25bc<\/span><\/h3>\n            <div id=\"methodologyContent\" style=\"display: none; margin-top: 20px;\">\n            <p>\n                <strong>Data Source:<\/strong> U.S. Department of Education College Scorecard (2025\u201326 institution data, June 10, 2026 release)\n            <\/p>\n            <p>\n                <strong>ROI Calculation:<\/strong> ROI = (6-Year Median Earnings \u00f7 Total Degree Cost) \u00d7 100. Total degree cost uses annual net price \u00d7 average years to graduate (4.4 years for Arizona State University Campus Immersion).\n            <\/p>\n            <p>\n                <strong>Cost Breakdown:<\/strong> \"Pay with Cash\" reflects total cost of attendance including tuition, fees, books, and living expenses. \"Pay with Financial Aid\" reflects average net price after grants and scholarships. Individual costs vary based on financial aid eligibility and personal circumstances.\n            <\/p>\n            <p>\n                <strong>Retention Rate:<\/strong> High retention (Not reported) indicates students are generally satisfied with their experience and academic support.\n            <\/p>\n            <p>\n                <strong>Important Note:<\/strong> Earnings data reflects federally aided students only who are working and not enrolled 6 years after entry. Individual outcomes vary by major, career path, and personal circumstances. Test scores represent the middle 50% range of admitted students.\n            <\/p>\n            <p>\n                <strong>Sources:<\/strong> <a href=\"https:\/\/collegescorecard.ed.gov\/data\/\" target=\"_blank\">College Scorecard<\/a> | <a href=\"https:\/\/nces.ed.gov\/ipeds\/\" target=\"_blank\">IPEDS<\/a> | <a href=\"https:\/\/www.edsmart.org\" target=\"_blank\">EDsmart Analysis<\/a>\n            <\/p>\n            <p style=\"margin-top: 20px;\">\n                <a href=\"https:\/\/www.edsmart.org\/our-rankings\/\" style=\"color: var(--color-aqua); font-weight: 600; text-decoration: none;\" target=\"_blank\" rel=\"noopener\">View full EDsmart ranking methodology \u2192<\/a>\n            <\/p>\n            <\/div>\n        <\/div>\n        <\/div> <!-- End main-content -->\n    <\/main> <!-- End container -->\n    \n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.0\/dist\/chart.umd.min.js\"><\/script>\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Sticky navigation interactions\n        const stickyNav = document.getElementById('stickyNav');\n        if (stickyNav) {\n            const navLinks = Array.from(stickyNav.querySelectorAll('.nav-tab'));\n            const linkTargets = navLinks\n                .map(link => {\n                    const hash = link.getAttribute('href');\n                    if (!hash || !hash.startsWith('#')) return null;\n                    const target = document.getElementById(hash.slice(1));\n                    return target ? { link, target, id: hash.slice(1) } : null;\n                })\n                .filter(Boolean);\n\n            const setActiveLink = (id) => {\n                const targetLink = navLinks.find(link => link.getAttribute('href') === `#${id}`);\n                if (!targetLink) return;\n\n                navLinks.forEach(link => {\n                    const matches = link === targetLink;\n                    link.classList.toggle('active', matches);\n                });\n\n                const container = targetLink.closest('.sticky-nav-inner');\n                const isStuck = stickyNav.getBoundingClientRect().top <= 0;\n                if (container && isStuck) {\n                    const content = container.querySelector('.sticky-nav-content');\n                    if (content) {\n                        const linkRect = targetLink.getBoundingClientRect();\n                        const contentRect = content.getBoundingClientRect();\n                        const relativeLeft = linkRect.left - contentRect.left;\n                        const relativeRight = linkRect.right - contentRect.left;\n                        const buffer = 80;\n\n                        if (relativeLeft < buffer || relativeRight > contentRect.width - buffer) {\n                            const targetScroll = content.scrollLeft + relativeLeft - (contentRect.width \/ 2 - linkRect.width \/ 2);\n                            content.scrollTo({ left: targetScroll, behavior: 'smooth' });\n                        }\n                    }\n                }\n            };\n\n            navLinks.forEach(link => {\n                link.addEventListener('click', (event) => {\n                    const hash = link.getAttribute('href');\n                    if (!hash || !hash.startsWith('#')) {\n                        return;\n                    }\n                    const target = document.getElementById(hash.slice(1));\n                    if (target) {\n                        event.preventDefault();\n                        const offset = stickyNav.offsetHeight + 24;\n                        const targetPosition = target.getBoundingClientRect().top + window.scrollY;\n                        window.scrollTo({\n                            top: targetPosition - offset,\n                            behavior: 'smooth'\n                        });\n                        setActiveLink(hash.slice(1));\n                    }\n                });\n            });\n\n            const sectionElements = linkTargets.map(({ target }) => target);\n\n            const updateActiveByScroll = () => {\n                const scrollPosition = window.scrollY + stickyNav.offsetHeight + 100;\n                let currentId = sectionElements[0] ? sectionElements[0].id : null;\n\n                sectionElements.forEach(section => {\n                    if (section.offsetTop <= scrollPosition) {\n                        currentId = section.id;\n                    }\n                });\n\n                if (currentId) {\n                    setActiveLink(currentId);\n                }\n            };\n\n            window.addEventListener('scroll', updateActiveByScroll, { passive: true });\n            updateActiveByScroll();\n        }\n\n        \/\/ Chart.js color scheme matching EDsmart design\n        Chart.defaults.color = '#CBD2DC';\n        Chart.defaults.borderColor = 'rgba(255,255,255,0.1)';\n        \n        \/\/ Earnings Timeline Chart\n        const earningsCtx = document.getElementById('earningsChart');\n        if (earningsCtx) {\n            new Chart(earningsCtx, {\n                type: 'bar',\n                data: {\n                    labels: ['6-Year Median', '10-Year Median', '25th Percentile', '75th Percentile'],\n                    datasets: [{\n                        label: 'Earnings ($)',\n                        data: [99572, 99572, 54764, 157323],\n                        backgroundColor: ['#00C48C', '#00B3C6', '#F5B73D', '#00C48C'],\n                        borderRadius: 8\n                    }]\n                },\n                options: {\n                    responsive: true,\n            maintainAspectRatio: true,\n            plugins: {\n                legend: {\n                    labels: {\n                        font: {\n                            size: window.innerWidth <= 768 ? 11 : 12\n                        }\n                    }\n                }\n            },\n                    maintainAspectRatio: true,\n                    plugins: {\n                        legend: { display: false },\n                        tooltip: {\n                            callbacks: {\n                                label: function(context) {\n                                    return '$' + context.parsed.y.toLocaleString();\n                                }\n                            }\n                        }\n                    },\n                    scales: {\n                        y: {\n                            beginAtZero: true,\n                            ticks: {\n                                callback: function(value) {\n                                    return '$' + (value\/1000).toFixed(0) + 'k';\n                                }\n                            },\n                            grid: { color: 'rgba(255,255,255,0.05)' }\n                        },\n                        x: {\n                            grid: { display: false }\n                        }\n                    }\n                }\n            });\n        }\n        \n        \/\/ Programs Donut Chart\n        const programsCtx = document.getElementById('programsChart');\n        if (programsCtx) {\n            new Chart(programsCtx, {\n                type: 'doughnut',\n                data: {\n                    labels: ['Business, Management, Marketing, and Related Suppo', 'Biology, General', 'Psychology, General', 'Business Administration, Management and Operations', 'Computer Science', 'Teacher Education and Professional Development, Specific Levels and Methods', 'Multi\/Interdisciplinary Studies, Other', 'Communication and Media Studies'],\n                    datasets: [{\n                        data: [7.5, 5.7, 4.8, 4.2, 3.2, 3.1, 3.0, 2.9],\n                        backgroundColor: [\n                            '#00C48C',\n                            '#00B3C6',\n                            '#1E3A8A',\n                            '#F5B73D',\n                            '#E85B5B',\n                            '#CBD2DC',\n                            '#0A1C4A',\n                            '#94A3B8'\n                        ],\n                        borderWidth: 0\n                    }]\n                },\n                options: {\n                    responsive: true,\n            maintainAspectRatio: true,\n            plugins: {\n                legend: {\n                    labels: {\n                        font: {\n                            size: window.innerWidth <= 768 ? 11 : 12\n                        }\n                    }\n                }\n            },\n                    maintainAspectRatio: true,\n                    plugins: {\n                        legend: {\n                            position: 'right',\n                            labels: { \n                                padding: 15,\n                                font: { size: 12 }\n                            }\n                        },\n                        tooltip: {\n                            callbacks: {\n                                label: function(context) {\n                                    return context.label + ': ' + context.parsed + '%';\n                                }\n                            }\n                        }\n                    }\n                }\n            });\n        }\n        \n        \/\/ Ethnicity Pie Chart\n        const ethnicityCtx = document.getElementById('ethnicityChart');\n        if (ethnicityCtx) {\n            new Chart(ethnicityCtx, {\n                type: 'pie',\n                data: {\n                    labels: ['Caucasian', 'Asian', 'Hispanic\/Latino', 'Black', 'Two or More', 'Other'],\n                    datasets: [{\n                        data: [41.2, 9.4, 26.9, 4.4, 5.1, 18.1],\n                        backgroundColor: [\n                            '#00C48C',\n                            '#00B3C6',\n                            '#F5B73D',\n                            '#E85B5B',\n                            '#CBD2DC',\n                            '#0A1C4A'\n                        ],\n                        borderWidth: 0\n                    }]\n                },\n                options: {\n                    responsive: true,\n            maintainAspectRatio: true,\n            plugins: {\n                legend: {\n                    labels: {\n                        font: {\n                            size: window.innerWidth <= 768 ? 11 : 12\n                        }\n                    }\n                }\n            },\n                    maintainAspectRatio: true,\n                    plugins: {\n                        legend: {\n                            position: 'bottom',\n                            labels: { padding: 15, font: { size: 11 } }\n                        },\n                        tooltip: {\n                            callbacks: {\n                                label: function(context) {\n                                    return context.label + ': ' + context.parsed + '%';\n                                }\n                            }\n                        }\n                    }\n                }\n            });\n        }\n        \n        \/\/ Gender Chart\n        const genderCtx = document.getElementById('genderChart');\n        if (genderCtx) {\n            new Chart(genderCtx, {\n                type: 'pie',\n                data: {\n                    labels: ['Women', 'Men'],\n                    datasets: [{\n                        data: [0.0, 0.0],\n                        backgroundColor: ['#00C48C', '#00B3C6'],\n                        borderWidth: 0\n                    }]\n                },\n                options: {\n                    responsive: true,\n            maintainAspectRatio: true,\n            plugins: {\n                legend: {\n                    labels: {\n                        font: {\n                            size: window.innerWidth <= 768 ? 11 : 12\n                        }\n                    }\n                }\n            },\n                    maintainAspectRatio: true,\n                    plugins: {\n                        legend: {\n                            position: 'bottom',\n                            labels: { padding: 15, font: { size: 11 } }\n                        },\n                        tooltip: {\n                            callbacks: {\n                                label: function(context) {\n                                    return context.label + ': ' + context.parsed + '%';\n                                }\n                            }\n                        }\n                    }\n                }\n            });\n        }\n        \n        \/\/ Scores Radar Chart\n        const scoresCtx = document.getElementById('scoresChart');\n        if (scoresCtx) {\n            new Chart(scoresCtx, {\n                type: 'radar',\n                data: {\n                    labels: ['Completion', 'Affordability', 'Support', 'Career Outcomes'],\n                    datasets: [{\n                        label: 'Arizona State University Campus Immersion',\n                        data: [25, 16, 25, 25],\n                        backgroundColor: 'rgba(0,196,140,0.2)',\n                        borderColor: '#00C48C',\n                        borderWidth: 2,\n                        pointBackgroundColor: '#00C48C',\n                        pointBorderColor: '#FFFFFF',\n                        pointHoverBackgroundColor: '#FFFFFF',\n                        pointHoverBorderColor: '#00C48C'\n                    }]\n                },\n                options: {\n                    responsive: true,\n            maintainAspectRatio: true,\n            plugins: {\n                legend: {\n                    labels: {\n                        font: {\n                            size: window.innerWidth <= 768 ? 11 : 12\n                        }\n                    }\n                }\n            },\n                    maintainAspectRatio: true,\n                    scales: {\n                        r: {\n                            beginAtZero: true,\n                            max: 100,\n                            ticks: {\n                                stepSize: 25,\n                                callback: function(value) {\n                                    return value + '%';\n                                }\n                            },\n                            grid: { color: 'rgba(255,255,255,0.1)' },\n                            pointLabels: {\n                                font: { size: 12, weight: '600' }\n                            }\n                        }\n                    },\n                    plugins: {\n                        legend: { display: false },\n                        tooltip: {\n                            callbacks: {\n                                label: function(context) {\n                                    return context.parsed.r + '%';\n                                }\n                            }\n                        }\n                    }\n                }\n            });\n        }\n        \n        \/\/ Career Outcomes Comparison Chart (Arizona State University Campus Immersion vs National Average)\n        const comparisonCtx = document.getElementById('comparisonChart');\n        if (comparisonCtx) {\n            \/\/ Normalize earnings to percentage of average for better comparison\n            const harvardEarnings = 52843;\n            const nationalEarnings = 43688;\n            const earningsRatio = (harvardEarnings \/ nationalEarnings) * 100;\n            \n            new Chart(comparisonCtx, {\n                type: 'bar',\n                data: {\n                    labels: ['Earnings (vs Avg)', 'Graduation Rate', 'Retention Rate', 'ROI', 'Employment Rate'],\n                    datasets: [\n                        {\n                            label: 'Arizona State University Campus Immersion',\n                            data: [121.0, 68.0, 0.0, 80.9, 87.5],\n                            backgroundColor: '#00C48C',\n                            borderRadius: 8\n                        },\n                        {\n                            label: 'National Average',\n                            data: [100, 62.5, 76.8, 49.9, 68.2],\n                            backgroundColor: 'rgba(203, 210, 220, 0.5)',\n                            borderRadius: 8\n                        }\n                    ]\n                },\n                options: {\n                    responsive: true,\n            maintainAspectRatio: true,\n            plugins: {\n                legend: {\n                    labels: {\n                        font: {\n                            size: window.innerWidth <= 768 ? 11 : 12\n                        }\n                    }\n                }\n            },\n                    maintainAspectRatio: true,\n                    plugins: {\n                        legend: {\n                            display: true,\n                            position: 'top',\n                            labels: {\n                                color: '#CBD2DC',\n                                font: { size: 12, weight: '600' },\n                                padding: 15,\n                                usePointStyle: true\n                            }\n                        },\n                        tooltip: {\n                            callbacks: {\n                                label: function(context) {\n                                    let value = context.parsed.y;\n                                    let label = context.dataset.label;\n                                    let index = context.dataIndex;\n                                    \n                                    if (index === 0) {\n                                        \/\/ Earnings comparison\n                                        if (label === 'Arizona State University Campus Immersion') {\n                                            return label + ': ' + value.toFixed(1) + '% of avg ($' + harvardEarnings.toLocaleString() + ')';\n                                        } else {\n                                            return label + ': 100% ($' + nationalEarnings.toLocaleString() + ')';\n                                        }\n                                    } else {\n                                        return label + ': ' + value + '%';\n                                    }\n                                }\n                            }\n                        }\n                    },\n                    scales: {\n                        y: {\n                            beginAtZero: true,\n                            ticks: {\n                                color: '#CBD2DC',\n                                callback: function(value) {\n                                    return value + '%';\n                                }\n                            },\n                            grid: { color: 'rgba(255,255,255,0.05)' }\n                        },\n                        x: {\n                            ticks: { \n                                color: '#CBD2DC',\n                                font: { size: 11 }\n                            },\n                            grid: { display: false }\n                        }\n                    }\n                }\n            });\n        }\n        \n        \/\/ Initialize carousel arrow states\n        updateCarouselArrows('similar');\n        updateCarouselArrows('nearby');\n        \n        \/\/ Update arrows on scroll\n        const similarCarousel = document.getElementById('similar-carousel');\n        if (similarCarousel) {\n            similarCarousel.addEventListener('scroll', () => updateCarouselArrows('similar'));\n        }\n        \n        const nearbyCarousel = document.getElementById('nearby-carousel');\n        if (nearbyCarousel) {\n            nearbyCarousel.addEventListener('scroll', () => updateCarouselArrows('nearby'));\n        }\n    });\n    \n    \/\/ Carousel navigation functions\n    function scrollCarousel(carouselId, direction) {\n        const carousel = document.getElementById(carouselId + '-carousel');\n        if (!carousel) return;\n        \n        const cardWidth = 280 + 20; \/\/ card width + gap\n        const scrollAmount = cardWidth * 4; \/\/ Scroll 4 cards at a time\n        \n        carousel.scrollBy({\n            left: direction * scrollAmount,\n            behavior: 'smooth'\n        });\n    }\n    \n    function updateCarouselArrows(carouselId) {\n        const carousel = document.getElementById(carouselId + '-carousel');\n        if (!carousel) return;\n        \n        const wrapper = carousel.closest('.carousel-wrapper');\n        if (!wrapper) return;\n        \n        const leftArrow = wrapper.querySelector('.carousel-arrow-left');\n        const rightArrow = wrapper.querySelector('.carousel-arrow-right');\n        \n        if (!leftArrow || !rightArrow) return;\n        \n        const scrollLeft = carousel.scrollLeft;\n        const scrollWidth = carousel.scrollWidth;\n        const clientWidth = carousel.clientWidth;\n        \n        \/\/ Enable\/disable left arrow\n        if (scrollLeft <= 10) {\n            leftArrow.classList.add('disabled');\n        } else {\n            leftArrow.classList.remove('disabled');\n        }\n        \n        \/\/ Enable\/disable right arrow\n        if (scrollLeft + clientWidth >= scrollWidth - 10) {\n            rightArrow.classList.add('disabled');\n        } else {\n            rightArrow.classList.remove('disabled');\n        }\n    }\n    \n    \/\/ Methodology Toggle\n    function toggleMethodology() {\n        const content = document.getElementById('methodologyContent');\n        const toggle = document.getElementById('methodologyToggle');\n        if (content.style.display === 'none') {\n            content.style.display = 'block';\n            toggle.style.transform = 'rotate(180deg)';\n        } else {\n            content.style.display = 'none';\n            toggle.style.transform = 'rotate(0deg)';\n        }\n    }\n    \n    \/\/ Earnings Range Chart\n\n    \/\/ Undergraduate Earnings Chart\n    const undergradEarningsCtx = document.getElementById('undergradEarningsChart');\n    if (undergradEarningsCtx) {\n        new Chart(undergradEarningsCtx, {\n            type: 'bar',\n            data: {\n                labels: ['Computer Engineering', 'Computer Science', 'Engineering-Related Fields', 'Construction Management', 'Electrical, Electronics and Communi...', 'Chemical Engineering', 'Management Sciences and Quantitativ...', 'Engineering, General', 'Aerospace, Aeronautical and Astrona...', 'Computer and Information Sciences, ...'],\n                datasets: [{\n                    label: 'Median Earnings (5 yrs after graduation)',\n                    data: [113500.0, 109476.0, 107203.0, 105289.0, 102932.0, 101977.0, 101034.0, 98096.0, 97599.0, 97416.0],\n                    backgroundColor: '#00C48C',\n                    borderRadius: 8\n                }]\n            },\n            options: {\n                indexAxis: 'y',\n                responsive: true,\n                maintainAspectRatio: true,\n                plugins: {\n                    legend: { display: false },\n                    tooltip: {\n                        callbacks: {\n                            label: function(context) {\n                                return '$' + context.parsed.x.toLocaleString();\n                            }\n                        }\n                    }\n                },\n                scales: {\n                    x: {\n                        beginAtZero: true,\n                        ticks: {\n                            callback: function(value) { return '$' + (value\/1000).toFixed(0) + 'k'; },\n                            color: '#CBD2DC',\n                            font: { size: 11 }\n                        },\n                        grid: { color: 'rgba(255,255,255,0.05)' }\n                    },\n                    y: {\n                        ticks: { color: '#CBD2DC', font: { size: 10 } },\n                        grid: { display: false }\n                    }\n                }\n            }\n        });\n    }\n\n    \/\/ Graduate Earnings Chart\n    const gradEarningsCtx = document.getElementById('gradEarningsChart');\n    if (gradEarningsCtx) {\n        new Chart(gradEarningsCtx, {\n            type: 'bar',\n            data: {\n                labels: ['Computer Science', 'Business Administration, Manag...', 'Registered Nursing, Nursing Ad...', 'Management Sciences and Quanti...', 'Electrical, Electronics and Co...', 'Industrial Engineering', 'Chemical Engineering', 'Aerospace, Aeronautical and As...', 'Applied Mathematics', 'International Business'],\n                datasets: [{\n                    label: 'Median Earnings (5 yrs after graduation)',\n                    data: [139405.0, 135798.0, 135303.0, 130574.0, 121937.0, 121778.0, 120590.0, 117792.0, 114741.0, 112371.0],\n                    backgroundColor: '#00B3C6',\n                    borderRadius: 8\n                }]\n            },\n            options: {\n                indexAxis: 'y',\n                responsive: true,\n                maintainAspectRatio: true,\n                plugins: {\n                    legend: { display: false },\n                    tooltip: {\n                        callbacks: {\n                            label: function(context) {\n                                return '$' + context.parsed.x.toLocaleString();\n                            }\n                        }\n                    }\n                },\n                scales: {\n                    x: {\n                        beginAtZero: true,\n                        ticks: {\n                            callback: function(value) { return '$' + (value\/1000).toFixed(0) + 'k'; },\n                            color: '#CBD2DC',\n                            font: { size: 11 }\n                        },\n                        grid: { color: 'rgba(255,255,255,0.05)' }\n                    },\n                    y: {\n                        ticks: { color: '#CBD2DC', font: { size: 10 } },\n                        grid: { display: false }\n                    }\n                }\n            }\n        });\n    }\n    const earningsRangeCtx = document.getElementById('earningsRangeChart');\n    if (earningsRangeCtx) {\n        new Chart(earningsRangeCtx, {\n            type: 'bar',\n            data: {\n                labels: ['25th Percentile', 'Median', '75th Percentile'],\n                datasets: [{\n                    label: 'Earnings',\n                    data: [54764, 99572, 157323],\n                    backgroundColor: ['#F5B73D', '#00C48C', '#00B3C6'],\n                    borderRadius: 8\n                }]\n            },\n            options: {\n                responsive: true,\n            maintainAspectRatio: true,\n            plugins: {\n                legend: {\n                    labels: {\n                        font: {\n                            size: window.innerWidth <= 768 ? 11 : 12\n                        }\n                    }\n                }\n            },\n                maintainAspectRatio: true,\n                plugins: {\n                    legend: { display: false },\n                    tooltip: {\n                        callbacks: {\n                            label: function(context) {\n                                return '$' + context.parsed.y.toLocaleString();\n                            }\n                        }\n                    }\n                },\n                scales: {\n                    y: {\n                        beginAtZero: true,\n                        ticks: {\n                            callback: function(value) {\n                                return '$' + (value\/1000).toFixed(0) + 'k';\n                            },\n                            color: '#CBD2DC',\n                            font: { size: 11 }\n                        },\n                        grid: { color: 'rgba(255,255,255,0.05)' }\n                    },\n                    x: {\n                        grid: { display: false },\n                        ticks: {\n                            color: '#CBD2DC',\n                            font: { size: 11 }\n                        }\n                    }\n                }\n            }\n        });\n    }\n    <\/script>\n    \n    <footer class=\"site-footer\" style=\"background: var(--color-primary); border-top: 1px solid rgba(255,255,255,0.1); margin-top: 60px; padding: 60px 0 30px;\">\n        <div style=\"max-width: 1400px; margin: 0 auto; padding: 0 40px;\">\n            <div style=\"display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 40px; margin-bottom: 30px;\">\n                <div style=\"flex-shrink: 0;\">\n                    <a href=\"https:\/\/www.edsmart.org\/\" class=\"logo\" style=\"font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 900; color: #ffffff; text-decoration: none;\">EDsmart<\/a>\n                <\/div>\n                <div class=\"footer-menu-column\" style=\"flex: 1; min-width: 200px;\">\n                    <h4 style=\"color: var(--color-white); font-size: 16px; font-weight: 700; margin-bottom: 15px;\">Best Colleges<\/h4>\n                    <ul style=\"list-style: none; padding: 0; margin: 0;\">\n                        <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/best-colleges-universities\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Best Colleges<\/a><\/li>\n                        <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/best-online-colleges\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Best Online Colleges<\/a><\/li>\n                        <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/cheapest-accredited-online-colleges\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Cheapest Online Colleges<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"footer-menu-column\" style=\"flex: 1; min-width: 200px;\">\n                    <h4 style=\"color: var(--color-white); font-size: 16px; font-weight: 700; margin-bottom: 15px;\">Online Programs<\/h4>\n                    <ul style=\"list-style: none; padding: 0; margin: 0;\">\n                        <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/shortest-doctoral-programs-online\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Shortest Doctorate Programs<\/a><\/li>\n                        <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/online-colleges-that-pay-you-to-attend\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Online Colleges That Pay You to Attend<\/a><\/li>\n                        <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/resources\/online-colleges-that-offer-laptops\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Online Colleges that Offer Laptops<\/a><\/li>\n                        <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/quickest-masters-degree-programs-online\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Quick Master's Online<\/a><\/li>\n                        <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/online-degrees\/cheapest-online-mba-programs\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Affordable Online MBAs<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <div style=\"margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); text-align: center;\">\n                <p style=\"color: var(--color-gray-text); font-size: 13px; margin: 0 0 10px 0;\">\n                    Last Verified: <span style=\"color: var(--color-white); font-weight: 600;\">July 11, 2026<\/span>\n                <\/p>\n                <p style=\"color: var(--color-gray-text); font-size: 13px; margin: 0;\">\n                    \u00a9 <span id=\"current-year\"><\/span> EDsmart. All rights reserved. | \n                    <a href=\"https:\/\/www.edsmart.org\/our-rankings\/\" style=\"color: var(--color-link); text-decoration: none;\">How We Rank Schools<\/a> | \n                    <a href=\"https:\/\/www.edsmart.org\/privacy-policy\/\" style=\"color: var(--color-link); text-decoration: none;\">Privacy Policy<\/a>\n                <\/p>\n            <\/div>\n        <\/div>\n        <script>\n            document.getElementById('current-year').textContent = new Date().getFullYear();\n            \n            \/\/ Hamburger menu toggle\n            (function() {\n                const hamburger = document.querySelector('.hamburger');\n                const nav = document.querySelector('nav');\n                \n                if (hamburger && nav) {\n                    hamburger.addEventListener('click', function() {\n                        hamburger.classList.toggle('active');\n                        nav.classList.toggle('active');\n                        const isExpanded = hamburger.classList.contains('active');\n                        hamburger.setAttribute('aria-expanded', isExpanded);\n                    });\n                    \n                    \/\/ Close menu when clicking on a link\n                    const navLinks = nav.querySelectorAll('.header-nav a');\n                    navLinks.forEach(function(link) {\n                        link.addEventListener('click', function() {\n                            hamburger.classList.remove('active');\n                            nav.classList.remove('active');\n                            hamburger.setAttribute('aria-expanded', 'false');\n                        });\n                    });\n                    \n                    \/\/ Close menu when clicking outside\n                    document.addEventListener('click', function(event) {\n                        if (!hamburger.contains(event.target) && !nav.contains(event.target)) {\n                            hamburger.classList.remove('active');\n                            nav.classList.remove('active');\n                            hamburger.setAttribute('aria-expanded', 'false');\n                        }\n                    });\n                }\n            })();\n        <\/script>\n    <\/footer>\n<\/body>\n<\/html>\n","school_rank":"232","school_grade":"A-","school_state":"AZ","school_location":"Tempe, AZ","overall_grade":"A-","overall_rank":"#232"},"class_list":["post-2721","school_profile","type-school_profile","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.edsmart.org\/schools\/wp-json\/wp\/v2\/school_profile\/2721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.edsmart.org\/schools\/wp-json\/wp\/v2\/school_profile"}],"about":[{"href":"https:\/\/www.edsmart.org\/schools\/wp-json\/wp\/v2\/types\/school_profile"}],"wp:attachment":[{"href":"https:\/\/www.edsmart.org\/schools\/wp-json\/wp\/v2\/media?parent=2721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}