:root {
            --hero-bg: #3498DB;
            --hero-mid: #2172B2;
            --cp: #3498DB;
            --cp-dark: #2172B2;
            --cp-rgb: 52,152,219;
            --cp-on-dark: #93c5fd;
            --cp-dark-text: #1e3a8a;
            --text-base: #1e2d40;
            --text-muted: #64748b;
            --border: #e2e8f0;
            --card-bg: #ffffff;
            --page-bg: #f8fafc;
            --radius: 16px;
            --radius-sm: 10px;
            --shadow: 0 4px 20px rgba(15,30,54,.08);
        }
        /* Section colour overrides */
        #why-us { background: linear-gradient(160deg, #eff6ff 0%, #f0f9ff 100%); border-color: #bfdbfe; }
        #why-us::before { background: linear-gradient(90deg, #3498DB 0%, transparent 60%); }
        #why-us .section-eyebrow { background: rgba(52,152,219,.1); color: #1d4ed8; }
        #why-us h2 { color: #1e3a8a; }
        #syllabus { background: linear-gradient(160deg, #f5f3ff 0%, #ede9fe 100%); border-color: #ddd6fe; }
        #syllabus::before { background: linear-gradient(90deg, #7c3aed 0%, transparent 60%); }
        #syllabus .section-eyebrow { background: rgba(124,58,237,.1); color: #6d28d9; }
        #syllabus h2 { color: #4c1d95; }
        #careers { background: linear-gradient(160deg, #ecfdf5 0%, #f0fdfa 100%); border-color: #a7f3d0; }
        #careers::before { background: linear-gradient(90deg, #059669 0%, transparent 60%); }
        #careers .section-eyebrow { background: rgba(5,150,105,.1); color: #047857; }
        #careers h2 { color: #064e3b; }
        #tools { background: linear-gradient(150deg, #0a1628 0%, #0d2245 60%, #1a4080 100%); }
        .support-cta-card { background: linear-gradient(150deg, #0a1628 0%, #0d2245 100%); }
        .final-cta { background: linear-gradient(135deg, #0a1628 0%, #0d2245 60%, #1a4080 100%); }
        .final-cta::before { background: radial-gradient(circle, rgba(52,152,219,.12) 0%, transparent 70%); }
        .final-cta-eyebrow { background: rgba(147,197,253,.1); color: #93c5fd; border: 1px solid rgba(147,197,253,.2); }

    /* ==============================
       Zero-to-Expert Phase System
       ============================== */
    #who {
        background: linear-gradient(160deg, #f0f9ff 0%, #e0f2fe 100%);
        border-color: #7dd3fc;
    }
    #who::before { background: linear-gradient(90deg, #3498DB 0%, transparent 60%); }
    #who .section-eyebrow { background: rgba(52,152,219,.1); color: #0369a1; }
    #who h2 { color: #0c4a6e; }

    .aiml-audience-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 1rem;
        margin: 1.5rem 0 2rem;
    }
    .aiml-audience-card {
        background: #fff;
        border: 1px solid #bae6fd;
        border-radius: 12px;
        padding: 1.2rem 1.4rem;
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        box-shadow: 0 2px 8px rgba(52,152,219,.07);
    }
    .aiml-audience-card .aud-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        background: linear-gradient(135deg, #3498DB 0%, #1d6fa4 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: .95rem;
        flex-shrink: 0;
    }
    .aiml-audience-card h4 { margin: 0 0 .3rem; font-size: .92rem; font-weight: 700; color: #0c4a6e; }
    .aiml-audience-card p  { margin: 0; font-size: .83rem; color: #475569; line-height: 1.5; }

    .aiml-prereq-box {
        background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);
        border: 1.5px solid #93c5fd;
        border-radius: 14px;
        padding: 1.5rem 1.8rem;
        margin-top: 1.5rem;
    }
    .aiml-prereq-box h3 {
        font-size: 1rem;
        font-weight: 700;
        color: #1e40af;
        margin: 0 0 1rem;
        display: flex;
        align-items: center;
        gap: .5rem;
    }
    .aiml-prereq-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: .7rem;
    }
    .aiml-prereq-item {
        display: flex;
        align-items: flex-start;
        gap: .6rem;
        font-size: .87rem;
        color: #334155;
        line-height: 1.45;
    }
    .aiml-prereq-item i { color: #3498DB; margin-top: .15rem; flex-shrink: 0; }

    /* Phase wrappers */
    .aiml-phase {
        margin-bottom: 1.5rem;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        overflow: hidden;
    }
    .aiml-phase-header {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: .9rem 1.3rem;
        background: linear-gradient(90deg, #f8fafc 0%, #fff 100%);
        border-bottom: 1px solid #e2e8f0;
        flex-wrap: wrap;
    }
    .aiml-phase-title {
        font-size: .97rem;
        font-weight: 700;
        color: #1e2d40;
        flex: 1;
    }
    .aiml-phase-weeks {
        font-size: .8rem;
        color: #64748b;
        font-weight: 600;
    }
    .aiml-phase-badge {
        padding: .25rem .75rem;
        border-radius: 20px;
        font-size: .78rem;
        font-weight: 700;
        white-space: nowrap;
        text-transform: uppercase;
        letter-spacing: .03em;
    }
    .aiml-phase-badge.p1 { background: #dcfce7; color: #15803d; }
    .aiml-phase-badge.p2 { background: #dbeafe; color: #1d4ed8; }
    .aiml-phase-badge.p3 { background: #fef3c7; color: #b45309; }
    .aiml-phase-badge.p4 { background: #ffedd5; color: #c2410c; }
    .aiml-phase-badge.p5 { background: #f3e8ff; color: #7e22ce; }
    .aiml-phase-badge.p6 { background: #ccfbf1; color: #0f766e; }
    .aiml-phase-badge.p7 { background: #e0e7ff; color: #3730a3; }
    .aiml-phase-badge.p8 { background: #1e293b; color: #e2e8f0; }

    .aiml-track-tag {
        padding: .2rem .65rem;
        border-radius: 12px;
        font-size: .74rem;
        font-weight: 700;
        white-space: nowrap;
        text-transform: uppercase;
        letter-spacing: .03em;
    }
    .aiml-track-tag.beginner     { background: #dcfce7; color: #15803d; }
    .aiml-track-tag.foundation   { background: #dbeafe; color: #1d4ed8; }
    .aiml-track-tag.intermediate { background: #fef3c7; color: #b45309; }
    .aiml-track-tag.advanced     { background: #f3e8ff; color: #7e22ce; }
    .aiml-track-tag.expert       { background: #fee2e2; color: #b91c1c; }

    .aiml-phase .module-item {
        border-radius: 0;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid #e2e8f0;
    }
    .aiml-phase .module-item:last-child { border-bottom: none; }

    /* Capstone option cards */
    .aiml-capstone-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 1rem;
        margin-top: 1rem;
    }
    .aiml-capstone-opt {
        background: #1e293b;
        border: 1px solid rgba(255,255,255,.08);
        border-radius: 12px;
        padding: 1.2rem 1.4rem;
        color: #e2e8f0;
    }
    .aiml-capstone-num {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: linear-gradient(135deg, #3498DB, #1d6fa4);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .85rem;
        font-weight: 700;
        margin-bottom: .7rem;
    }
    .aiml-capstone-opt h4 { margin: 0 0 .4rem; font-size: .9rem; font-weight: 700; color: #93c5fd; }
    .aiml-capstone-opt p  { margin: 0; font-size: .82rem; color: #94a3b8; line-height: 1.5; }