<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ultimate Algebra</title>
	<atom:link href="https://ultimate-algebra.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://ultimate-algebra.com/</link>
	<description>Pass Your Next Test with EASE</description>
	<lastBuildDate>Sat, 06 Jun 2026 02:20:49 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://ultimate-algebra.com/wp-content/uploads/2024/06/cropped-UltimateAlgebra-32x32.png</url>
	<title>Ultimate Algebra</title>
	<link>https://ultimate-algebra.com/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">229378798</site>	<item>
		<title></title>
		<link>https://ultimate-algebra.com/2895-2/</link>
					<comments>https://ultimate-algebra.com/2895-2/#respond</comments>
		
		<dc:creator><![CDATA[UltimateAlgebra]]></dc:creator>
		<pubDate>Sat, 06 Jun 2026 02:20:47 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://ultimate-algebra.com/?p=2895</guid>

					<description><![CDATA[<p>Ultimate Algebra &#124; Master Algebra Without the Confusion Summer Sale: Get the Complete Ultimate Algebra Suite for $75 Curriculum Pricing Login Get Started Curriculum Pricing Login Get Started Summer Offer &#8226; $25 initial cost Waived Master Algebra. Beat the struggle. Get ahead this summer. Crystal-clear video lessons for Pre-Algebra, Algebra 1, and Algebra 2 that...</p>
<p>The post <a href="https://ultimate-algebra.com/2895-2/"></a> appeared first on <a href="https://ultimate-algebra.com">Ultimate Algebra</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ultimate Algebra | Master Algebra Without the Confusion</title>
    <meta name="description" content="Master Pre-Algebra, Algebra 1, and Algebra 2 with clear step-by-step videos, quizzes, and support.">
    
    <!-- Fonts & Icons -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&#038;display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    
    <!-- Custom Theme Configuration -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['"Plus Jakarta Sans"', 'sans-serif'],
                    },
                    colors: {
                        brand: {
                            blue: '#385aa8',
                            red: '#f04e5b',
                            light: '#e3e8ef',
                            dark: '#0a1128',
                            surface: '#f8fafc'
                        }
                    },
                    boxShadow: {
                        'soft': '0 20px 40px -15px rgba(10, 17, 40, 0.05)',
                        'float': '0 30px 60px -20px rgba(10, 17, 40, 0.15)',
                        'neon': '0 0 20px rgba(240, 78, 91, 0.4)'
                    }
                }
            }
        }
    </script>

    <!-- Custom CSS for Animations and Utils -->
    <style>
        /* Base styles */
        body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #ffffff; overflow-x: hidden; }
        
        /* Desktop Nav forcing visibility to bypass builder bugs */
        .desktop-nav { display: none; }
        @media (min-width: 768px) { .desktop-nav { display: flex !important; } }
        
        /* Floating animations for Hero */
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-15px); }
            100% { transform: translateY(0px); }
        }
        @keyframes float-delayed {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        @keyframes spin-slow {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .animate-float { animation: float 6s ease-in-out infinite; }
        .animate-float-delayed { animation: float-delayed 5s ease-in-out infinite 1s; }
        .animate-spin-slow { animation: spin-slow 12s linear infinite; }

        /* Slide In Animations for Hero Initial Load */
        @keyframes slideInLeft {
            from { opacity: 0; transform: translateX(-30px); }
            to { opacity: 1; transform: translateX(0); }
        }
        @keyframes slideInRight {
            from { opacity: 0; transform: translateX(30px); }
            to { opacity: 1; transform: translateX(0); }
        }
        .animate-slideInLeft { animation: slideInLeft 0.8s ease-out forwards; }
        .animate-slideInRight { animation: slideInRight 0.8s ease-out forwards; }

        /* Scroll Reveal System */
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .reveal-left { opacity: 0; transform: translateX(-30px); transition: all 0.8s ease-out; }
        .reveal-left.active { opacity: 1; transform: translateX(0); }
        .reveal-right { opacity: 0; transform: translateX(30px); transition: all 0.8s ease-out; }
        .reveal-right.active { opacity: 1; transform: translateX(0); }
        .delay-100 { transition-delay: 100ms; }
        .delay-200 { transition-delay: 200ms; }
        .delay-300 { transition-delay: 300ms; }

        /* Background patterns */
        .bg-grid-pattern {
            background-image: linear-gradient(to right, rgba(255,255,255,0.05) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(255,255,255,0.05) 1px, transparent 1px);
            background-size: 40px 40px;
        }
        .bg-dot-pattern {
            background-image: radial-gradient(rgba(255,255,255,0.15) 2px, transparent 2px);
            background-size: 30px 30px;
        }
        
        /* Modal Scrollbar Styling */
        .custom-scrollbar::-webkit-scrollbar { width: 6px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 10px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
    </style>
</head>
<body class="antialiased text-brand-dark">

    <!-- Top Banner (Summer Theme) -->
    <div class="bg-gradient-to-r from-amber-400 to-orange-500 text-white text-center py-3 px-4 text-sm font-bold shadow-md relative z-50">
        <div class="flex items-center justify-center gap-2">
            <i class="fa-solid fa-sun animate-spin-slow"></i>
            <span>Summer Sale: Get the Complete Ultimate Algebra Suite for $75</span>
            <i class="fa-solid fa-sun animate-spin-slow"></i>
        </div>
    </div>

    <!-- Navigation Header -->
    <header style="position: sticky; top: 0; z-index: 9998; display: block;" class="bg-white/90 backdrop-blur-md border-b border-brand-light shadow-sm transition-all duration-300">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between items-center h-20">
                <!-- Logo -->
                <a href="#" class="flex-shrink-0 flex items-center gap-3">
                    <img decoding="async" src="https://ultimate-algebra.com/wp-content/uploads/2024/06/UA_Horizontal_Logo_FullColorRGB.png" alt="Ultimate Algebra" class="h-10 md:h-[55px] w-auto object-contain" style="height: 55px;">
                </a>

                <!-- Desktop Navigation -->
                <div class="desktop-nav items-center gap-8">
                    <ul class="flex items-center gap-8 m-0 p-0 list-none">
                        <li><a onclick="smoothScroll(event, 'curriculum')" class="text-brand-dark hover:text-brand-red font-bold text-sm transition-colors cursor-pointer">Curriculum</a></li>
                        <li><a onclick="smoothScroll(event, 'pricing')" class="text-brand-dark hover:text-brand-red font-bold text-sm transition-colors cursor-pointer">Pricing</a></li>
                        <li><a href="https://ultimate-algebra.com/member/login" class="text-brand-dark hover:text-brand-red font-bold text-sm transition-colors cursor-pointer">Login</a></li>
                    </ul>
                    <a href="https://ultimate-algebra.com/member/signup/SummerSale" class="bg-brand-red hover:bg-[#d93f4c] text-white px-6 py-2.5 rounded-full font-bold text-sm transition-all duration-300 shadow-sm hover:shadow-md hover:-translate-y-0.5 border-2 border-brand-red">
                        Get Started
                    </a>
                </div>

                <!-- Mobile Menu Button -->
                <div class="md:hidden flex items-center">
                    <button id="mobile-menu-btn" onclick="document.getElementById('mobile-menu').classList.remove('translate-x-full');" class="text-brand-dark hover:text-brand-blue focus:outline-none p-2">
                        <svg class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M4 6h16M4 12h16M4 18h16" />
                        </svg>
                    </button>
                </div>
            </div>
        </div>
    </header>

    <!-- Mobile Menu Overlay -->
    <div id="mobile-menu" class="fixed inset-0 bg-white z-[9999] transform translate-x-full transition-transform duration-300 ease-in-out md:hidden flex flex-col">
        <div class="flex justify-end p-6 border-b border-brand-light">
            <button onclick="document.getElementById('mobile-menu').classList.add('translate-x-full');" class="text-brand-dark hover:text-brand-red focus:outline-none p-2">
                <svg class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12" />
                </svg>
            </button>
        </div>
        <div class="flex-1 overflow-y-auto px-6 py-8 flex flex-col">
            <nav class="flex flex-col gap-6 list-none p-0 m-0">
                <a onclick="smoothScroll(event, 'curriculum'); document.getElementById('mobile-menu').classList.add('translate-x-full');" class="text-brand-dark font-black text-3xl hover:text-brand-red transition-colors cursor-pointer">Curriculum</a>
                <a onclick="smoothScroll(event, 'pricing'); document.getElementById('mobile-menu').classList.add('translate-x-full');" class="text-brand-dark font-black text-3xl hover:text-brand-red transition-colors cursor-pointer">Pricing</a>
                <a href="https://ultimate-algebra.com/member/login" class="text-brand-dark font-black text-3xl hover:text-brand-red transition-colors">Login</a>
            </nav>
            <div class="mt-auto pb-8 pt-8">
                <a href="https://ultimate-algebra.com/member/signup/SummerSale" class="block w-full text-center bg-brand-red text-white px-6 py-5 rounded-full font-black text-xl shadow-neon border-2 border-brand-red">
                    Get Started
                </a>
            </div>
        </div>
    </div>

    <main>
        <!-- Summer Hero Section -->
        <section class="relative pt-16 pb-24 md:pt-24 md:pb-32 overflow-hidden" style="background-color: #0a1128;">
            <!-- Warm Summer Ambient Glows -->
            <div class="absolute inset-0 bg-grid-pattern opacity-5"></div>
            <div class="absolute top-0 right-0 w-[800px] h-[800px] bg-amber-400 rounded-full mix-blend-screen filter blur-[150px] opacity-20 pointer-events-none animate-pulse"></div>
            <div class="absolute bottom-0 left-0 w-[600px] h-[600px] bg-brand-red rounded-full mix-blend-screen filter blur-[150px] opacity-15 pointer-events-none"></div>

            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
                <div class="grid md:grid-cols-2 gap-12 lg:gap-8 items-center min-w-0">
                    
                    <!-- Left: Text Content -->
                    <div class="animate-slideInLeft min-w-0">
                        <div class="inline-flex items-center gap-2 bg-white/10 border border-white/20 text-white rounded-full px-4 py-1.5 font-bold text-sm mb-8 backdrop-blur-sm shadow-lg">
                            <i class="fa-solid fa-sun text-amber-400 animate-spin-slow"></i>
                            <span class="tracking-wide">Summer Offer &bull; <span class="line-through text-white/50 font-normal mr-1">$25 initial cost</span> Waived</span>
                        </div>
                        
                        <h1 class="text-5xl lg:text-7xl font-black text-white leading-[1.05] tracking-tight mb-6">
                            Master Algebra.<br>
                            <span class="text-transparent bg-clip-text bg-gradient-to-r from-brand-red to-orange-400">Beat the struggle.</span>
                        </h1>
                        
                        <p class="text-lg md:text-xl text-white/80 mb-10 max-w-lg leading-relaxed font-medium">
                            Get ahead this summer. Crystal-clear video lessons for Pre-Algebra, Algebra 1, and Algebra 2 that actually make sense.
                        </p>

                        <div class="flex flex-col sm:flex-row gap-4 mb-12">
                            <a href="https://ultimate-algebra.com/member/signup/SummerSale" class="inline-flex items-center justify-center bg-brand-red hover:bg-[#d93f4c] text-white px-8 py-4 rounded-full font-black text-lg transition-all duration-300 shadow-neon hover:shadow-none hover:-translate-y-1 border-2 border-brand-red w-full sm:w-auto">
                                Get Started Today
                            </a>
                            <a onclick="smoothScroll(event, 'curriculum')" class="inline-flex items-center justify-center bg-white hover:bg-brand-light text-brand-dark px-8 py-4 rounded-full font-black text-lg transition-all duration-300 shadow-sm w-full sm:w-auto cursor-pointer">
                                View Curriculum
                            </a>
                        </div>

                        <!-- Trust Markers -->
                        <div class="flex flex-wrap items-center gap-3 text-sm font-bold text-white/80">
                            <div class="flex items-center gap-2 bg-white/5 border border-white/10 px-3 py-1.5 rounded-full"><i class="fa-solid fa-play text-brand-blue"></i> 200+ Videos</div>
                            <div class="flex items-center gap-2 bg-white/5 border border-white/10 px-3 py-1.5 rounded-full"><i class="fa-solid fa-layer-group text-brand-blue"></i> 3 Core Levels</div>
                            <div class="flex items-center gap-2 bg-white/5 border border-white/10 px-3 py-1.5 rounded-full"><i class="fa-solid fa-headset text-brand-blue"></i> Answer Support</div>
                        </div>
                    </div>

                    <!-- Right: Floating UI Elements -->
                    <div class="relative animate-slideInRight mt-10 md:mt-0 min-w-0 md:scale-95 lg:scale-100 flex justify-center md:justify-end">
                        
                        <!-- Main Video Card Mockup -->
                        <div class="relative w-full max-w-[500px] bg-white p-3 rounded-[2rem] shadow-float border border-white/20 z-10">
                            <div class="relative w-full aspect-video rounded-3xl overflow-hidden bg-brand-dark">
                                <!-- Warm Summer Video Background Image -->
                                <img decoding="async" src="https://images.unsplash.com/photo-1550684848-fac1c5b4e853?q=80&#038;w=2070&#038;auto=format&#038;fit=crop" alt="Abstract Summer Background" class="absolute inset-0 w-full h-full object-cover opacity-80" />
                                
                                <!-- Play Button -->
                                <div class="absolute inset-0 flex items-center justify-center">
                                    <div class="w-20 h-20 bg-brand-red text-white rounded-full flex items-center justify-center text-3xl shadow-neon pl-1 cursor-pointer hover:scale-110 transition-transform">
                                        <i class="fa-solid fa-play"></i>
                                    </div>
                                </div>

                                <!-- Progress Bar -->
                                <div class="absolute bottom-4 left-4 right-4 h-1.5 bg-white/30 rounded-full overflow-hidden">
                                    <div class="w-2/3 h-full bg-brand-red rounded-full"></div>
                                </div>
                            </div>
                            <div class="px-4 py-5 flex justify-between items-center">
                                <h3 class="font-black text-brand-dark text-xl">Factoring Polynomials</h3>
                                <div class="w-8 h-8 rounded-full bg-emerald-100 text-emerald-500 flex items-center justify-center">
                                    <i class="fa-solid fa-check text-sm"></i>
                                </div>
                            </div>
                        </div>

                        <!-- Floating Badge 1 (Quiz Score) -->
                        <div class="absolute -top-6 -right-2 md:-top-10 md:-right-8 bg-white px-6 py-4 rounded-2xl shadow-float border border-brand-light flex items-center gap-4 z-20 animate-float">
                            <div class="w-12 h-12 rounded-full bg-emerald-100 text-emerald-600 flex items-center justify-center text-xl">
                                <i class="fa-solid fa-bullseye"></i>
                            </div>
                            <div>
                                <p class="text-xs font-bold text-slate-400 uppercase tracking-widest">Quiz Score</p>
                                <p class="text-2xl font-black text-brand-dark">100%</p>
                            </div>
                        </div>

                        <!-- Floating Badge 2 (Aha Moment) -->
                        <div class="absolute -bottom-8 -left-2 md:-bottom-12 md:-left-12 bg-white px-6 py-4 rounded-2xl shadow-float border border-brand-light flex items-center gap-4 z-20 animate-float-delayed">
                            <div class="w-12 h-12 rounded-full bg-amber-400 text-white flex items-center justify-center text-xl shadow-lg shadow-amber-400/30">
                                <i class="fa-regular fa-lightbulb"></i>
                            </div>
                            <div>
                                <p class="text-sm font-black text-brand-dark">&#8220;Aha!&#8221; Moment</p>
                                <p class="text-xs text-slate-500">Concept unlocked</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            
            <!-- Custom SVG Wave Divider -->
            <div class="absolute bottom-0 left-0 w-full overflow-hidden leading-none z-0">
                <svg class="relative block w-full h-[60px] md:h-[100px]" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
                    <path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V120H0V95.8C59.71,118.08,130.83,119.5,190.61,105.7,235.31,95.3,278.4,80.34,321.39,56.44Z" fill="#ffffff"></path>
                </svg>
            </div>
        </section>

        <!-- Social Proof Strip -->
        <div class="bg-white py-8 border-b border-brand-light">
            <div class="max-w-7xl mx-auto px-4 flex flex-col md:flex-row items-center justify-center gap-4 md:gap-8 reveal">
                <div class="flex -space-x-3">
                    <img decoding="async" class="w-10 h-10 rounded-full border-2 border-white object-cover" src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&#038;fit=crop&#038;w=100&#038;q=80" alt="Student">
                    <img decoding="async" class="w-10 h-10 rounded-full border-2 border-white object-cover" src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&#038;fit=crop&#038;w=100&#038;q=80" alt="Student">
                    <img decoding="async" class="w-10 h-10 rounded-full border-2 border-white object-cover" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&#038;fit=crop&#038;w=100&#038;q=80" alt="Student">
                    <img decoding="async" class="w-10 h-10 rounded-full border-2 border-white object-cover" src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&#038;fit=crop&#038;w=100&#038;q=80" alt="Student">
                    <div class="w-10 h-10 rounded-full border-2 border-white bg-brand-light flex items-center justify-center text-xs font-bold text-brand-dark">+10k</div>
                </div>
                <div class="flex flex-col items-center md:items-start">
                    <div class="flex text-amber-400 text-sm mb-1">
                        <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                    </div>
                    <p class="text-brand-dark font-bold text-sm md:text-base">Trusted by thousands of students to turn math anxiety into mastery.</p>
                </div>
            </div>
        </div>

        <!-- The Problem Section -->
        <section class="py-24 bg-white relative overflow-hidden">
            <!-- Subtle Summer Light Orbs in Background -->
            <div class="absolute top-0 right-0 w-[500px] h-[500px] bg-amber-100 rounded-full mix-blend-multiply filter blur-[120px] opacity-40 pointer-events-none z-0"></div>
            <div class="absolute bottom-0 left-0 w-[500px] h-[500px] bg-brand-light rounded-full mix-blend-multiply filter blur-[120px] opacity-50 pointer-events-none z-0"></div>

            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
                <div class="text-center max-w-3xl mx-auto mb-16 reveal">
                    <h2 class="text-brand-blue font-bold tracking-[0.2em] uppercase text-[11px] mb-3">The Problem</h2>
                    <h3 class="text-4xl md:text-5xl font-black text-brand-dark mb-6 leading-tight">
                        The struggle is real. <br>But it is <span class="text-brand-red border-b-4 border-brand-red/30 pb-1">not your fault.</span>
                    </h3>
                    <p class="text-lg text-slate-500 leading-relaxed font-medium">
                        Most students struggle because classroom lessons move too fast, textbooks skip steps, and explanations are filled with confusing jargon. We fix that.
                    </p>
                </div>

                <div class="grid md:grid-cols-2 gap-6 lg:gap-8 max-w-5xl mx-auto">
                    <!-- Feature 1 -->
                    <div class="bg-brand-surface border border-brand-light p-8 md:p-10 rounded-3xl hover:shadow-soft transition-all duration-300 group reveal-left">
                        <div class="w-14 h-14 bg-white border border-brand-light rounded-2xl flex items-center justify-center text-brand-red text-2xl mb-6 shadow-sm group-hover:scale-110 transition-transform duration-300">
                            <i class="fa-solid fa-stairs"></i>
                        </div>
                        <h4 class="text-2xl font-black text-brand-dark mb-3">No more skipped steps</h4>
                        <p class="text-slate-500 leading-relaxed">We break down every single topic to its foundation. You will follow the logic easily instead of trying to memorize random math rules.</p>
                    </div>

                    <!-- Feature 2 -->
                    <div class="bg-brand-surface border border-brand-light p-8 md:p-10 rounded-3xl hover:shadow-soft transition-all duration-300 group reveal-right delay-100">
                        <div class="w-14 h-14 bg-white border border-brand-light rounded-2xl flex items-center justify-center text-brand-blue text-2xl mb-6 shadow-sm group-hover:scale-110 transition-transform duration-300">
                            <i class="fa-solid fa-clipboard-check"></i>
                        </div>
                        <h4 class="text-2xl font-black text-brand-dark mb-3">Built for test success</h4>
                        <p class="text-slate-500 leading-relaxed">Our lessons and quizzes focus directly on the exact skills you need to pass homework assignments, school tests, and placement exams.</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Curriculum Timeline Section (SUMMER THEME) -->
        <section id="curriculum" class="py-24 relative overflow-hidden bg-gradient-to-b from-amber-50 to-orange-50">
            <!-- Summer Background Elements -->
            <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-white rounded-full filter blur-[100px] opacity-60 pointer-events-none z-0"></div>
            
            <!-- Summer Props (SVG) -->
            <!-- Sun Glasses -->
            <svg class="absolute bottom-10 right-10 w-24 h-24 opacity-80 animate-float drop-shadow-xl rotate-12 z-0 text-slate-800" viewBox="0 0 24 24" fill="currentColor">
                <path d="M22.9 8.2c-.1-.1-.3-.2-.5-.2h-4c-.7 0-1.4.3-1.8.8l-1.3 1.5c-.3.4-.8.6-1.3.6s-1-.2-1.3-.6l-1.3-1.5c-.4-.5-1.1-.8-1.8-.8h-4c-.2 0-.4.1-.5.2-.2.1-.2.4-.2.6v1.3c0 2.2 1.8 4 4 4h.3c1.7 0 3.1-1.1 3.7-2.6.2.3.6.5 1 .5s.8-.2 1-.5c.6 1.5 2 2.6 3.7 2.6h.3c2.2 0 4-1.8 4-4V8.8c0-.3 0-.5-.2-.6zM9.5 12.1H5.2v-2.1h4v.2c0 .7.1 1.4.3 1.9zm9.3 0h-4.3c.2-.5.3-1.2.3-1.9v-.2h4v2.1z"/>
            </svg>
            
            <!-- Tropical Leaf -->
            <svg class="absolute top-20 left-10 w-32 h-32 opacity-30 animate-float-delayed drop-shadow-md -rotate-45 z-0 text-amber-500" viewBox="0 0 24 24" fill="currentColor">
                <path d="M21.4 2.6c-.2-.2-.5-.2-.8-.1-4.7 1.7-8.9 5.3-11.8 9.9-.4-.1-.8-.2-1.2-.2-3.3 0-6 2.7-6 6 0 .4.1.8.2 1.2l-.7.7c-.2.2-.2.5 0 .7s.5.2.7 0l.7-.7c.4.1.8.2 1.2.2 3.3 0 6-2.7 6-6 0-.4-.1-.8-.2-1.2 4.6-2.9 8.2-7.1 9.9-11.8.2-.3.1-.6-.1-.7zM8.8 17.5c0 2.6-2.1 4.7-4.7 4.7-.2 0-.4 0-.6-.1 1.5-1.5 3.3-2.6 5.3-3.2 0 .2 0 .4 0 .6zm1.6-4.5c0 .3-.1.6-.1.9-2.3.7-4.4 2-6.1 3.7-.1-.2-.1-.4-.1-.6 0-2.6 2.1-4.7 4.7-4.7.3 0 .6.1.9.1-1.7 2.3-3 4.4-3.7 6.1.2 0 .4-.1.6-.1 2.6 0 4.7-2.1 4.7-4.7 0-.3-.1-.6-.1-.9 2.3-1.7 4.4-3 6.1-3.7-.1-.2-.1-.4-.1-.6 0-2.6-2.1-4.7-4.7-4.7-.3 0-.6.1-.9.1 1.7 2.3 3 4.4 3.7 6.1z"/>
            </svg>

            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
                <div class="text-center max-w-3xl mx-auto mb-20 reveal">
                    <h2 class="text-amber-500 font-bold tracking-[0.2em] uppercase text-[11px] mb-3">Your Journey</h2>
                    <h3 class="text-4xl md:text-5xl font-black text-brand-dark mb-6 leading-tight">
                        A clear, sunny path to <br><span class="text-brand-blue">mastery.</span>
                    </h3>
                </div>

                <!-- Vertical Timeline Wrapper -->
                <div class="relative max-w-4xl mx-auto">
                    
                    <!-- Center Sunbeam Line -->
                    <div class="absolute left-1/2 transform -translate-x-1/2 top-0 bottom-0 w-1 bg-gradient-to-b from-amber-200 via-orange-400 to-amber-200 rounded-full hidden md:block shadow-[0_0_15px_rgba(251,146,60,0.5)]"></div>

                    <!-- Bulletproof Grid Layout for alternating cards -->
                    <div class="flex flex-col gap-12 relative z-10">

                        <!-- Step 1: Pre-Algebra (Left Side) -->
                        <div class="w-full md:w-[45%] mr-auto relative reveal-left cursor-pointer group" onclick="openSyllabus('pre-algebra')">
                            <!-- Timeline Node -->
                            <div class="absolute top-1/2 -right-[12.5%] translate-x-[18px] -translate-y-1/2 w-14 h-14 bg-white border-4 border-amber-300 rounded-full hidden md:flex items-center justify-center shadow-lg shadow-amber-200/50 group-hover:scale-110 group-hover:border-amber-400 transition-all duration-300 z-20">
                                <i class="fa-solid fa-shapes text-amber-500 text-lg"></i>
                            </div>
                            
                            <!-- Card Content -->
                            <div class="bg-white p-8 md:p-10 rounded-[2rem] shadow-soft border border-brand-light group-hover:shadow-float group-hover:-translate-y-1 transition-all duration-300 relative overflow-hidden">
                                <div class="absolute top-0 right-0 w-20 h-20 bg-amber-50 rounded-bl-full -mr-4 -mt-4 opacity-50 group-hover:scale-150 transition-transform duration-500"></div>
                                <h4 class="text-3xl font-black text-brand-dark mb-4 relative z-10 group-hover:text-amber-500 transition-colors">Pre-Algebra</h4>
                                <p class="text-slate-500 leading-relaxed text-lg relative z-10">
                                    Build an unshakable foundation.
                                </p>
                                <div class="mt-8 flex items-center justify-between text-brand-blue font-bold text-sm relative z-10">
                                    <span class="group-hover:text-amber-500 transition-colors">VIEW COURSE MODULES</span>
                                    <i class="fa-solid fa-chevron-down group-hover:translate-y-1 transition-transform group-hover:text-amber-500"></i>
                                </div>
                            </div>
                        </div>

                        <!-- Step 2: Algebra 1 (Right Side) -->
                        <div class="w-full md:w-[45%] ml-auto relative reveal-right cursor-pointer group" onclick="openSyllabus('algebra1')">
                            <!-- Timeline Node -->
                            <div class="absolute top-1/2 -left-[12.5%] -translate-x-[18px] -translate-y-1/2 w-14 h-14 bg-white border-4 border-orange-400 rounded-full hidden md:flex items-center justify-center shadow-lg shadow-orange-400/40 group-hover:scale-110 group-hover:border-brand-red transition-all duration-300 z-20">
                                <i class="fa-solid fa-fire text-orange-500 text-lg"></i>
                            </div>
                            
                            <!-- Card Content (DARK MODE) -->
                            <div class="p-8 md:p-10 rounded-[2rem] shadow-soft border border-brand-dark/50 group-hover:shadow-neon group-hover:-translate-y-1 transition-all duration-300 relative overflow-hidden" style="background-color: #0a1128;">
                                <div class="absolute top-0 right-0 bg-gradient-to-r from-orange-400 to-brand-red text-white text-[10px] font-black tracking-widest uppercase py-1.5 px-4 rounded-bl-2xl">Core Module</div>
                                <h4 class="text-3xl font-black text-white mb-4 relative z-10 group-hover:text-orange-400 transition-colors mt-2">Algebra 1</h4>
                                <p class="text-white/70 leading-relaxed text-lg relative z-10">
                                    Conquer the heart of algebra.
                                </p>
                                <div class="mt-8 flex items-center justify-between text-orange-400 font-bold text-sm relative z-10">
                                    <span>VIEW COURSE MODULES</span>
                                    <i class="fa-solid fa-chevron-down group-hover:translate-y-1 transition-transform"></i>
                                </div>
                            </div>
                        </div>

                        <!-- Step 3: Algebra 2 (Left Side) -->
                        <div class="w-full md:w-[45%] mr-auto relative reveal-left cursor-pointer group" onclick="openSyllabus('algebra2')">
                            <!-- Timeline Node -->
                            <div class="absolute top-1/2 -right-[12.5%] translate-x-[18px] -translate-y-1/2 w-14 h-14 bg-white border-4 border-amber-400 rounded-full hidden md:flex items-center justify-center shadow-lg shadow-amber-400/40 group-hover:scale-110 group-hover:border-amber-500 transition-all duration-300 z-20">
                                <i class="fa-solid fa-graduation-cap text-amber-500 text-lg"></i>
                            </div>
                            
                            <!-- Card Content -->
                            <div class="bg-white p-8 md:p-10 rounded-[2rem] shadow-soft border border-brand-light group-hover:shadow-float group-hover:-translate-y-1 transition-all duration-300 relative overflow-hidden">
                                <div class="absolute top-0 right-0 w-20 h-20 bg-amber-50 rounded-bl-full -mr-4 -mt-4 opacity-50 group-hover:scale-150 transition-transform duration-500"></div>
                                <h4 class="text-3xl font-black text-brand-dark mb-4 relative z-10 group-hover:text-amber-500 transition-colors">Algebra 2</h4>
                                <p class="text-slate-500 leading-relaxed text-lg relative z-10">
                                    Advance with confidence.
                                </p>
                                <div class="mt-8 flex items-center justify-between text-brand-blue font-bold text-sm relative z-10">
                                    <span class="group-hover:text-amber-500 transition-colors">VIEW COURSE MODULES</span>
                                    <i class="fa-solid fa-chevron-down group-hover:translate-y-1 transition-transform group-hover:text-amber-500"></i>
                                </div>
                            </div>
                        </div>

                    </div> <!-- End of timeline cards wrapper -->
                </div> <!-- End of Vertical Timeline Wrapper -->
            </div>
        </section>

        <!-- Testimonials Section -->
        <section class="py-24 bg-brand-surface relative overflow-hidden">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
                <div class="text-center mb-16 reveal">
                    <h2 class="text-brand-blue font-bold tracking-[0.2em] uppercase text-[11px] mb-3">Student Success</h2>
                    <h3 class="text-4xl md:text-5xl font-black text-brand-dark">When math finally <span class="text-brand-red">clicks.</span></h3>
                </div>
                
                <div class="grid md:grid-cols-3 gap-6 max-w-6xl mx-auto">
                    <!-- Review 1 -->
                    <div class="bg-white p-8 rounded-3xl shadow-soft border border-brand-light/60 reveal delay-100 flex flex-col justify-between">
                        <div>
                            <div class="flex text-amber-400 text-sm mb-6 gap-1">
                                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                            </div>
                            <p class="text-brand-dark font-bold leading-relaxed mb-8">&#8220;Your instruction is clear, concise, easy to read, with excellent examples. For the first time, I actually understand what I&#8217;m doing.&#8221;</p>
                        </div>
                        <div class="flex items-center gap-4">
                            <div class="w-12 h-12 rounded-full bg-blue-100 text-brand-blue font-black flex items-center justify-center text-lg">M</div>
                            <div>
                                <h4 class="font-bold text-brand-dark text-sm">Maria S.</h4>
                                <p class="text-slate-500 text-xs">Algebra 1 Student</p>
                            </div>
                        </div>
                    </div>

                    <!-- Review 2 -->
                    <div class="bg-white p-8 rounded-3xl shadow-soft border border-brand-light/60 reveal delay-200 flex flex-col justify-between transform md:-translate-y-4">
                        <div>
                            <div class="flex text-amber-400 text-sm mb-6 gap-1">
                                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                            </div>
                            <p class="text-brand-dark font-bold leading-relaxed mb-8">&#8220;After watching this video and taking the practice quiz, I got a 20 on my placement! Like, holy crap it actually works.&#8221;</p>
                        </div>
                        <div class="flex items-center gap-4">
                            <div class="w-12 h-12 rounded-full bg-red-100 text-brand-red font-black flex items-center justify-center text-lg">J</div>
                            <div>
                                <h4 class="font-bold text-brand-dark text-sm">Jason T.</h4>
                                <p class="text-slate-500 text-xs">Test Prep Student</p>
                            </div>
                        </div>
                    </div>

                    <!-- Review 3 -->
                    <div class="bg-white p-8 rounded-3xl shadow-soft border border-brand-light/60 reveal delay-300 flex flex-col justify-between">
                        <div>
                            <div class="flex text-amber-400 text-sm mb-6 gap-1">
                                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>
                            </div>
                            <p class="text-brand-dark font-bold leading-relaxed mb-8">&#8220;I was terrified of Algebra 2. This course broke it down so simply. I think I can actually pass my final exam now. Thank you!&#8221;</p>
                        </div>
                        <div class="flex items-center gap-4">
                            <div class="w-12 h-12 rounded-full bg-emerald-100 text-emerald-600 font-black flex items-center justify-center text-lg">A</div>
                            <div>
                                <h4 class="font-bold text-brand-dark text-sm">Amanda L.</h4>
                                <p class="text-slate-500 text-xs">Algebra 2 Student</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Pricing Section -->
        <section id="pricing" class="py-24 relative overflow-hidden" style="background-color: #0a1128;">
            <div class="absolute inset-0 bg-grid-pattern opacity-10"></div>
            
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
                <div class="text-center max-w-2xl mx-auto mb-16 reveal">
                    <div class="inline-flex items-center gap-2 bg-white/10 text-white border border-white/20 rounded-full px-4 py-1.5 font-bold text-sm mb-4 shadow-sm">
                        <i class="fa-solid fa-tag text-brand-red"></i> 
                        <span class="tracking-widest uppercase text-xs">Summer Pricing</span>
                    </div>
                    <h2 class="text-4xl sm:text-5xl font-black text-white leading-[1.1]">
                        Simple pricing. No hidden fees.
                    </h2>
                </div>

                <!-- Bulletproofed Flex Layout for Pricing -->
                <div class="flex flex-col md:flex-row gap-8 max-w-5xl mx-auto items-stretch justify-center relative z-20">
                    
                    <!-- Tier 1: Monthly Plan -->
                    <div class="w-full md:w-1/2 bg-white rounded-3xl p-8 sm:p-10 shadow-xl border border-brand-light relative flex flex-col" style="background-color: #ffffff;">
                        <div class="mb-8">
                            <h3 class="text-2xl font-black text-brand-dark flex items-center gap-2">
                                <i class="fa-solid fa-sun text-amber-400"></i> Summer Flex
                            </h3>
                            <p class="text-slate-500 text-sm mt-2 font-medium">Perfect for a quick summer refresher.</p>
                        </div>

                        <div class="flex items-center gap-3 mb-4">
                            <span class="text-slate-400 text-sm font-bold line-through decoration-brand-red decoration-2">$25 initial cost</span>
                            <span class="text-emerald-600 font-bold text-xs bg-emerald-50 border border-emerald-200 px-2.5 py-1 rounded-full">Waived</span>
                        </div>

                        <div class="flex items-end gap-2 mb-2">
                            <div class="text-6xl font-black text-brand-dark tracking-tighter">$10</div>
                            <div class="text-slate-500 font-bold mb-2">/ month</div>
                        </div>
                        
                        <div class="inline-block bg-brand-red/10 text-brand-red font-bold text-xs px-3 py-1 rounded-full mb-8 self-start">
                            Normally $20/mo
                        </div>

                        <ul class="space-y-4 mb-10 flex-1 font-bold text-slate-600">
                            <li class="flex items-start gap-3"><i class="fa-solid fa-check text-brand-blue mt-1"></i> Access to all 3 courses</li>
                            <li class="flex items-start gap-3"><i class="fa-solid fa-check text-brand-blue mt-1"></i> 200+ videos &#038; quizzes</li>
                            <li class="flex items-start gap-3"><i class="fa-solid fa-check text-brand-blue mt-1"></i> Cancel anytime</li>
                        </ul>

                        <!-- Link accurately pointed to Monthly Checkout -->
                        <a href="https://ultimate-algebra.com/member/signup/2026Summer" class="block w-full text-center bg-white border-2 border-brand-light hover:border-brand-blue text-brand-dark py-4 rounded-full font-black text-lg transition-all duration-300">
                            Start Monthly Plan
                        </a>
                    </div>

                    <!-- Tier 2: Complete Suite -->
                    <div class="w-full md:w-1/2 rounded-3xl p-8 sm:p-10 shadow-float border border-white/10 relative flex flex-col" style="background-color: #0a1128; background-image: linear-gradient(to bottom right, #0a1128, #121c3b);">
                        <!-- Best Value Badge -->
                        <div class="absolute -top-4 left-1/2 -translate-x-1/2 bg-gradient-to-r from-amber-400 to-orange-500 text-white font-black text-xs px-4 py-1.5 rounded-full shadow-lg tracking-widest uppercase border border-white/20 whitespace-nowrap">
                            Best Value &bull; Save 50%
                        </div>

                        <div class="mb-8">
                            <h3 class="text-2xl font-black text-white">Complete Suite</h3>
                            <p class="text-white/60 text-sm mt-2 font-medium">Master algebra and keep the materials forever.</p>
                        </div>

                        <div class="flex items-center gap-3 mb-4">
                            <span class="text-white/40 text-sm font-bold line-through decoration-brand-red decoration-2">$25 initial cost</span>
                            <span class="text-emerald-400 font-bold text-xs bg-emerald-400/10 border border-emerald-400/20 px-2.5 py-1 rounded-full">Waived</span>
                        </div>

                        <div class="flex items-end gap-2 mb-8">
                            <div class="text-3xl text-white/40 font-bold line-through decoration-brand-red decoration-4 mb-2 mr-2 transform -rotate-6">$150</div>
                            <div class="text-7xl font-black text-white tracking-tighter">$75</div>
                            <div class="text-white/60 font-bold mb-3">one-time</div>
                        </div>

                        <ul class="space-y-4 mb-10 flex-1 font-bold text-white/80">
                            <li class="flex items-start gap-3"><i class="fa-solid fa-star text-amber-400 mt-1"></i> <span class="text-white">Lifetime access</span> to all courses</li>
                            <li class="flex items-start gap-3"><i class="fa-solid fa-check text-emerald-400 mt-1"></i> Review anytime during the school year</li>
                            <li class="flex items-start gap-3"><i class="fa-solid fa-check text-emerald-400 mt-1"></i> Support when you get stuck</li>
                            <li class="flex items-start gap-3 mt-6 p-4 rounded-xl bg-white/5 border border-white/10"><i class="fa-solid fa-lock text-brand-red mt-1"></i> Pay once, <span class="text-white">never pay again.</span></li>
                        </ul>

                        <!-- Link accurately pointed to Lifetime Checkout -->
                        <a href="https://ultimate-algebra.com/member/signup/FullSummer2026" class="block w-full text-center bg-brand-red hover:bg-[#d93f4c] text-white py-4 rounded-full font-black text-xl transition-all duration-300 shadow-neon hover:shadow-none hover:-translate-y-1 border-2 border-brand-red">
                            Claim Lifetime Deal
                        </a>
                    </div>
                </div>
            </div>
        </section>

        <!-- FAQ Section -->
        <section class="py-24 bg-white relative">
            <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
                <div class="text-center mb-12 reveal">
                    <h3 class="text-4xl md:text-5xl font-black text-brand-dark">Common Questions</h3>
                </div>
                
                <div class="space-y-4 reveal delay-100">
                    <!-- FAQ Item 1 -->
                    <details class="group bg-brand-surface border border-brand-light rounded-2xl overflow-hidden [&#038;_summary::-webkit-details-marker]:hidden transition-all duration-300">
                        <summary class="flex justify-between items-center font-bold cursor-pointer p-6 text-brand-dark text-lg select-none">
                            Is this course good for absolute beginners?
                            <span class="transition-transform duration-300 group-open:rotate-180 text-brand-blue flex-shrink-0 ml-4 w-8 h-8 rounded-full bg-white flex items-center justify-center shadow-sm">
                                <i class="fa-solid fa-chevron-down text-sm"></i>
                            </span>
                        </summary>
                        <div class="px-6 pb-6 text-slate-600 leading-relaxed text-base pt-2">
                            Yes! Pre-Algebra starts from the very beginning with whole numbers and fractions before gradually introducing letters and variables. You don&#8217;t need any prior advanced math knowledge.
                        </div>
                    </details>

                    <!-- FAQ Item 2 -->
                    <details class="group bg-brand-surface border border-brand-light rounded-2xl overflow-hidden [&#038;_summary::-webkit-details-marker]:hidden transition-all duration-300">
                        <summary class="flex justify-between items-center font-bold cursor-pointer p-6 text-brand-dark text-lg select-none">
                            What exact levels does it cover?
                            <span class="transition-transform duration-300 group-open:rotate-180 text-brand-blue flex-shrink-0 ml-4 w-8 h-8 rounded-full bg-white flex items-center justify-center shadow-sm">
                                <i class="fa-solid fa-chevron-down text-sm"></i>
                            </span>
                        </summary>
                        <div class="px-6 pb-6 text-slate-600 leading-relaxed text-base pt-2">
                            The Complete Suite includes the full curriculums for Pre-Algebra, Algebra 1, and Algebra 2. It covers everything from basic order of operations to advanced trigonometric functions and vectors.
                        </div>
                    </details>

                    <!-- FAQ Item 3 -->
                    <details class="group bg-brand-surface border border-brand-light rounded-2xl overflow-hidden [&#038;_summary::-webkit-details-marker]:hidden transition-all duration-300">
                        <summary class="flex justify-between items-center font-bold cursor-pointer p-6 text-brand-dark text-lg select-none">
                            Can I use this for standardized test prep?
                            <span class="transition-transform duration-300 group-open:rotate-180 text-brand-blue flex-shrink-0 ml-4 w-8 h-8 rounded-full bg-white flex items-center justify-center shadow-sm">
                                <i class="fa-solid fa-chevron-down text-sm"></i>
                            </span>
                        </summary>
                        <div class="px-6 pb-6 text-slate-600 leading-relaxed text-base pt-2">
                            Absolutely. The core concepts taught here directly mirror the foundations required to succeed on the SAT, ACT, GED, and college math placement exams.
                        </div>
                    </details>

                    <!-- FAQ Item 4 -->
                    <details class="group bg-brand-surface border border-brand-light rounded-2xl overflow-hidden [&#038;_summary::-webkit-details-marker]:hidden transition-all duration-300">
                        <summary class="flex justify-between items-center font-bold cursor-pointer p-6 text-brand-dark text-lg select-none">
                            What happens if I get stuck on a problem?
                            <span class="transition-transform duration-300 group-open:rotate-180 text-brand-blue flex-shrink-0 ml-4 w-8 h-8 rounded-full bg-white flex items-center justify-center shadow-sm">
                                <i class="fa-solid fa-chevron-down text-sm"></i>
                            </span>
                        </summary>
                        <div class="px-6 pb-6 text-slate-600 leading-relaxed text-base pt-2">
                            You are never left behind to figure it out alone. We provide answer support so you can get clarification on the exact step or rule that is tripping you up.
                        </div>
                    </details>
                </div>
            </div>
        </section>

        <!-- Bottom CTA Section -->
        <section class="py-24 relative overflow-hidden" style="background-color: #0a1128;">
            <!-- Atmospheric Background Glow -->
            <div class="absolute inset-0 bg-dot-pattern opacity-10"></div>
            <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-brand-blue rounded-full mix-blend-screen filter blur-[150px] opacity-20 pointer-events-none"></div>
            <div class="absolute bottom-0 right-0 w-[400px] h-[400px] bg-brand-red rounded-full mix-blend-screen filter blur-[150px] opacity-10 pointer-events-none"></div>
            
            <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center reveal">
                <h2 class="text-4xl sm:text-5xl md:text-6xl font-black text-white leading-tight mb-6 tracking-tight">
                    Stop guessing your way through algebra.
                </h2>
                <p class="text-lg md:text-xl text-white/70 mb-10 max-w-2xl mx-auto leading-relaxed">
                    Start learning with clear explanations, step-by-step videos, and practice that actually builds confidence.
                </p>
                <a href="https://ultimate-algebra.com/member/signup/SummerSale" class="inline-block bg-brand-red hover:bg-[#d93f4c] text-white px-10 py-4 rounded-full font-black text-lg transition-all duration-300 shadow-neon hover:shadow-none hover:-translate-y-1 border-2 border-brand-red">
                    Get Started Today
                </a>
            </div>
        </section>

        <!-- Hidden Syllabus Data Banks for the Modal -->
        <!-- PRE-ALGEBRA DATA -->
        <div id="syllabus-pre-algebra" class="hidden">
            <div class="grid md:grid-cols-2 gap-x-12 gap-y-10">
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 1: Intro to Pre-Algebra</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Numbers</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 2: Whole Numbers</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Place Values</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Comparing Whole Numbers</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Rounding Up Numbers</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 3: Operations on Whole Numbers</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Addition and Subtraction</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Multiplication</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Division</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Exponents</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Estimating Values</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 4: Number Lines, Integers &#038; Abs. Values</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Integers &#038; Absolute Value</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Comparing Integers and Absolute Value</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Operations on Integers</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Order of Operations</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 5: Fundamental Arithmetic Properties</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Commutative Property</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Associative Property</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Distributive Property</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Identity Property</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Inverse Property</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 6: Factors and Multiples</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Divisibility of Numbers</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Factors</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Finding the Greatest Common Factor (GCF)</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Multiples</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 7: Fractions</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Fractions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Simplifying Fractions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Comparing Fractions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Addition and Subtraction of Fractions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Multiplication and Division of Fractions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Operations on Mixed Numbers</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 8: Decimals</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Decimals</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Comparing Decimals</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Rounding Up Decimals</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Operations on Decimals</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Scientific Notation</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 9: Fundamentals of Algebra</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Understanding Algebra</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Operations in Algebra</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Radicals in Algebra</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Equations</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Inequalities</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 10: Ratios, Proportions &#038; Percentages</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Ratio and Proportion</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Setting Up and Solving Proportions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Percentages</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Percentage Problems</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Unit Conversion</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Percentage Problems with Applications</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Percentage Increase or Decrease</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Markup, Discount, and Tax</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Simple Interest Calculation</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 11: The Coordinate Plane</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to the Coordinate Plane</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Graphing Basic Linear Equations</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 12: Geometry</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Points, Lines and Planes</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Identifying Angles</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Parallel Lines</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">2D Shapes (Triangles and Parallelograms)</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Area and Perimeter</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Circle (Circumference and Area)</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Volume</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 13: Fundamentals of Probability</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Basic Probability Concepts</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Complementary Events</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Compound Events</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 14: Data Analysis &#038; Representation</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Calculating Mean, Median, Mode, and Range</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Understanding Frequency Tables</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Creating Charts</li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- ALGEBRA 1 DATA -->
        <div id="syllabus-algebra1" class="hidden">
            <div class="grid md:grid-cols-2 gap-x-12 gap-y-10">
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 1: Intro to Algebra</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Definition of Terms in Algebra</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 2: Add &#038; Subtraction</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Addition and Subtraction in Algebra
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Adding and Subtracting terms</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Adding and Subtracting terms with Exponents</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Adding and Subtracting with Multiple Like Terms</span>
                        </li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 3: Parenthesis</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Parenthesis in Algebra
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Polynomial Expressions and Removing of Parenthesis</span>
                        </li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 4: Multiplication</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Multiplication in Algebra
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Monomial x Monomial</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Monomial x Polynomial</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Polynomial x Polynomial</span>
                        </li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 5: Exponents</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction and Laws of Exponents
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Law 1 – Product Rule</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Law 2 – Quotient Rule</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Law 3 – Power of a Power</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Rules of Exponents (Zero, Negative, Fractional)</span>
                        </li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold mt-3">Exponents on Negatives, Monomials, and Polynomials</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 6: Division</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Division in Algebra
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Division of a Monomial by Monomial</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Division of a Polynomial by a Monomial</span>
                        </li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold mt-3">Division of Polynomial by Polynomial (Advanced)</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 7: Radicals</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Radicals</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Revision: Working with Perfect and Non-Perfect Radicals</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Working with Radicals of Monomials</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Operations on Radicals
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Addition and Subtraction</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Multiplication and Division</span>
                        </li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold mt-3">Rationalization of Radical Denominators
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Monomial Denominators</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Binomial Denominators</span>
                        </li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 8: Factors &#038; Factorization</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Factors and Factorization
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Factoring Using Greatest Common Factor (GCF)</span>
                        </li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold mt-3">Factoring by Grouping</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Factoring Quadratics</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Factoring the Difference of Two Squares</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Perfect Square Trinomials</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 9: Equations</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Equations</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">One-Step Equations</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Two-Step Equations</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Equations with Fractions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Equation with More than One Fraction</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Multi-Step Equations</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Equations where Variables are Represented by Other Variables</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Change of Subject or Transpose of Formula</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 10: Variation</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Variation</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Direct Variation
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Finding and Solving Equation</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Determining if a Table or Graph represents Direct Variation</span>
                        </li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold mt-3">Inverse Variation
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Finding and Solving Equation</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Determining if a Table or Graph represents Inverse Variation</span>
                        </li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold mt-3">Joint Variation and Combined Variation</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 11: Ratio, Proportion &#038; %</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Ratio, Proportion, and Rates</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Percentages</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Percent Increase or Decrease</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Markup, Discount, and Tax</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Simple and Compound Interest</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 12: Unit Conversions</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Unit Conversion
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Single Unit Conversion</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Multiple Unit Conversion</span>
                        </li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 13: Simultaneous Equations</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving by Elimination/Addition
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Coefficient of one Variable is the same</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Coefficient of one Variable is a multiple of the other</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Coefficient of Variables are not related</span>
                        </li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold mt-3">Solving by Substitution</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 14: Quadratic Equations</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Quadratic Equations by Factoring</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Quadratic Equations with the Quadratic Formula</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 15: Inequalities</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Inequalities
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Multiplying/dividing by negative</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Solving Compound Inequalities</span>
                        </li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold mt-3">Graphing of Inequalities
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Form (variable, sign, number)</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Form (number, sign, variable)</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Writing Inequality from a Number line Graph</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Compound Inequality from Number line</span>
                        </li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 16: Absolute Values</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Absolute Value Equations</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 17: Intro to Coord. Geometry</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Graphing of Points</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Graphing Lines with Points</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">X-intercept and Y-intercept</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 18: Linear Equations &#038; Graphs</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Slopes</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Finding the Slope from a Graph</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Slope-Intercept Form &#038; Graphing</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Point-Slope Form</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Standard Form</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Parallel and Perpendicular Lines</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 19: Graphing Systems</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Simultaneous Equations by Graphing</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 20: Functions &#038; Relations</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Intro to Functions and Relations
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Function Notations</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Finding Domain/Range (Graph &#038; No Graph)</span>
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Vertical Line Test</span>
                        </li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold mt-3">Composite Functions
                            <span class="block text-slate-400 pl-4 mt-1">&#8211; Operations &#038; Inverse Functions</span>
                        </li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold mt-3">Linear Functions and Graphs</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Linear Inequalities and Graphs</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Quadratic, Absolute Value &#038; Piecewise Functions</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 21: Probability</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Intro to Probability</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Complementary Events</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Compound Events</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 22: Representing Data</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Frequency Table</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Bar Graphs &#038; Line Graphs</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Pie Chart</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Box and Whiskers</li>
                    </ul>
                </div>
                <div class="md:col-span-2">
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Chapter 23: Word Problems</h4>
                    <div class="grid md:grid-cols-2 gap-x-12 gap-y-2">
                        <ul class="space-y-2 text-sm text-slate-600 list-none">
                            <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Word Problems</li>
                            <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Two-Step Equations Word Problems</li>
                            <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Proportion Word Problems</li>
                            <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Distance Rate Time Word Problems</li>
                            <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Mean, Median, Mode Word Problems</li>
                        </ul>
                        <ul class="space-y-2 text-sm text-slate-600 list-none">
                            <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Permutations &#038; Combinations
                                <span class="block text-slate-400 pl-4 mt-1">&#8211; Counting Principles</span>
                                <span class="block text-slate-400 pl-4 mt-1">&#8211; Permutation – Using Counting Principles</span>
                                <span class="block text-slate-400 pl-4 mt-1">&#8211; Permutation – Using Formula</span>
                                <span class="block text-slate-400 pl-4 mt-1">&#8211; Combination</span>
                                <span class="block text-slate-400 pl-4 mt-1">&#8211; Combination (handshake question)</span>
                            </li>
                            <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold mt-3">Age Word Problems</li>
                            <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Mixture Word Problems</li>
                            <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Work Word Problems</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- ALGEBRA 2 DATA -->
        <div id="syllabus-algebra2" class="hidden">
            <div class="grid md:grid-cols-2 gap-x-12 gap-y-10">
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 1: Foundations of Algebra</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Operations in Algebra</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Linear Equations</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Linear Inequalities</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Absolute Value Equations</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 2: Functions and Relations</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Intro to Functions and Relations</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Example: Functions and Relations</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Composite Functions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Inverse Functions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Linear Functions and Graphs</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Linear Inequalities and Graphs</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 3: Systems of Eq &#038; Inequalities</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Linear Systems Algebraically (Substitution)</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Linear Systems Algebraically (Elimination)</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Linear Systems by Graphing</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Graphing and Solving Systems of Inequalities</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Linear Programming</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Systems of Nonlinear Equations</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 4: Matrices and Determinants</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Matrices</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Operations with Matrices</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Determinants</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Cramer&#8217;s Rule</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Identity and Inverse Matrices</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 5: Quadratic Functions</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Factoring and Solving Quadratic Equations</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Graphing Quadratic Functions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">The Quadratic Formula and the Discriminant</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Graphing Quadratic Inequalities</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 6: Abs. Value &#038; Piecewise</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Absolute Value Functions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Piecewise Functions</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 7: Polynomials</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Polynomial Operations</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Polynomial Division</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Theorems About Roots</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Expansion of Binomials</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Graphing Polynomial Functions</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 8: Rational Functions</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Rational Functions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Graphing Rational Functions</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 9: Trigonometry</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Trigonometric Ratios – The Core Ratios</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Trigonometric Ratios Practice</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Reciprocal Functions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Radians and Degrees</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Common Angles in Trigonometry</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">The Unit Circle</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Graphing Trigonometric Functions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Transformations</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Basic Trigonometric Identities</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Real-World Applications of Trigonometry</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 10: Exp. &#038; Log. Functions</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Exponential Functions and Their Graphs</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Logarithmic Functions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Converting Between Logarithmic and Exponential Forms</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Graphs of Logarithmic Functions</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Solving Exponential and Logarithmic Equations</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 11: Sequences and Series</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Sequences and Series</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Arithmetic (Linear) Sequences</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Geometric (Exponential) Sequences</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Infinite Geometric Series</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 12: Conic Sections</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Conic Sections</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Circles</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Ellipses</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Parabolas</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Hyperbolas</li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg text-brand-dark border-b border-brand-light pb-2 mb-4">Unit 13: Vectors &#038; Parametric Eq.</h4>
                    <ul class="space-y-2 text-sm text-slate-600 list-none">
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Introduction to Vectors</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Operations with Vectors</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Applications of Vectors</li>
                        <li class="relative pl-4 before:content-['•'] before:absolute before:left-0 before:text-brand-red before:font-bold">Parametric Equations and Graphs</li>
                    </ul>
                </div>
            </div>
        </div>

    </main>

    <footer class="bg-[#050a18] py-16 text-center border-t border-white/5">
        <div class="max-w-6xl mx-auto px-4">
            <img decoding="async" src="https://ultimate-algebra.com/wp-content/uploads/2024/06/UA_Horizontal_Logo_FullColorRGB.png" alt="Ultimate Algebra" class="h-12 w-auto mx-auto mb-8 opacity-50 grayscale hover:grayscale-0 hover:opacity-100 transition-all duration-300">
            <p class="text-white/40 text-sm font-medium">
                © 2026 Ultimate Algebra. Built to make algebra easier.
            </p>
        </div>
    </footer>

    <!-- JavaScript for Interactions -->
    <script>
        // Smooth scrolling bypassing iframe/builder hash link blocks
        function smoothScroll(e, targetId) {
            e.preventDefault();
            const target = document.getElementById(targetId);
            if (target) {
                const headerOffset = 85;
                const elementPosition = target.getBoundingClientRect().top;
                const offsetPosition = elementPosition + window.pageYOffset - headerOffset;
                window.scrollTo({
                    top: offsetPosition,
                    behavior: "smooth"
                });
            }
        }

        // Scroll Reveal Animation System
        document.addEventListener('DOMContentLoaded', function() {
            const reveals = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');
            const revealOptions = { threshold: 0.15, rootMargin: "0px 0px -50px 0px" };
            
            const revealOnScroll = new IntersectionObserver(function(entries, observer) {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('active');
                        observer.unobserve(entry.target);
                    }
                });
            }, revealOptions);

            reveals.forEach(reveal => { revealOnScroll.observe(reveal); });
        });

        // "Self-Healing" Syllabus Modal System
        function buildModalShell() {
            let modal = document.getElementById('global-syllabus-modal');
            if (!modal) {
                modal = document.createElement('div');
                modal.id = 'global-syllabus-modal';
                modal.className = 'fixed inset-0 z-[10000] hidden items-center justify-center p-4 sm:p-6';
                modal.innerHTML = `
                    <div class="absolute inset-0 bg-brand-dark/80 backdrop-blur-md transition-opacity opacity-0" id="modal-backdrop" onclick="closeSyllabus()"></div>
                    <div class="relative bg-white w-full max-w-5xl max-h-[90vh] rounded-[2rem] shadow-2xl flex flex-col transform scale-95 opacity-0 transition-all duration-300" id="modal-content">
                        
                        <div class="flex-shrink-0 flex justify-between items-center p-6 sm:p-8 border-b border-brand-light bg-white rounded-t-[2rem] relative z-10">
                            <div class="flex items-center gap-4">
                                <div class="w-12 h-12 rounded-full bg-amber-400 text-white flex items-center justify-center text-xl shadow-lg shadow-amber-400/30">
                                    <i id="modal-icon" class="fa-solid fa-fire"></i>
                                </div>
                                <div>
                                    <h3 id="modal-title" class="text-2xl sm:text-3xl font-black text-brand-dark tracking-tight">Syllabus</h3>
                                    <p class="text-[10px] font-bold text-brand-red tracking-[0.2em] uppercase mt-1">Everything you will learn to succeed.</p>
                                </div>
                            </div>
                            <button onclick="closeSyllabus()" class="w-10 h-10 rounded-full bg-brand-surface hover:bg-brand-light text-slate-500 hover:text-brand-dark flex items-center justify-center transition-colors">
                                <i class="fa-solid fa-xmark text-lg"></i>
                            </button>
                        </div>
                        
                        <div class="flex-1 overflow-y-auto p-6 sm:p-10 custom-scrollbar bg-brand-surface/50" id="modal-body"></div>
                        
                        <div class="flex-shrink-0 bg-white p-6 sm:p-8 border-t border-brand-light rounded-b-[2rem] flex flex-col sm:flex-row items-center justify-between gap-4">
                            <p class="text-brand-dark/60 font-medium">Ready to master these concepts?</p>
                            <a href="https://ultimate-algebra.com/member/signup/SummerSale" class="w-full sm:w-auto bg-brand-red hover:bg-[#d93f4c] text-white px-8 py-3.5 rounded-full font-black text-lg transition-all duration-300 shadow-neon hover:-translate-y-0.5">
                                Start Learning Today
                            </a>
                        </div>
                    </div>
                `;
                document.body.appendChild(modal);
            }
            return {
                modal: modal,
                backdrop: document.getElementById('modal-backdrop'),
                content: document.getElementById('modal-content'),
                title: document.getElementById('modal-title'),
                body: document.getElementById('modal-body'),
                icon: document.getElementById('modal-icon')
            };
        }

        window.openSyllabus = function(course) {
            const shell = buildModalShell();
            const sourceDiv = document.getElementById('syllabus-' + course);
            
            if (!sourceDiv) {
                console.error("Could not find syllabus data for: " + course);
                return;
            }

            if (course === 'pre-algebra') {
                shell.title.innerText = "Pre-Algebra Syllabus";
                shell.icon.className = "fa-solid fa-shapes";
            } else if (course === 'algebra1') {
                shell.title.innerText = "Algebra 1 Syllabus";
                shell.icon.className = "fa-solid fa-fire";
            } else if (course === 'algebra2') {
                shell.title.innerText = "Algebra 2 Syllabus";
                shell.icon.className = "fa-solid fa-graduation-cap";
            }

            shell.body.innerHTML = sourceDiv.innerHTML;
            shell.modal.classList.remove('hidden');
            shell.modal.classList.add('flex');
            
            setTimeout(() => {
                shell.backdrop.classList.remove('opacity-0');
                shell.content.classList.remove('opacity-0', 'scale-95');
            }, 10);
            
            document.body.style.overflow = 'hidden';
        };

        window.closeSyllabus = function() {
            const shell = buildModalShell();
            shell.backdrop.classList.add('opacity-0');
            shell.content.classList.add('opacity-0', 'scale-95');
            
            setTimeout(() => {
                shell.modal.classList.add('hidden');
                shell.modal.classList.remove('flex');
                document.body.style.overflow = '';
            }, 300);
        };
    </script>
</body>
</html>
<p>The post <a href="https://ultimate-algebra.com/2895-2/"></a> appeared first on <a href="https://ultimate-algebra.com">Ultimate Algebra</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://ultimate-algebra.com/2895-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2895</post-id>	</item>
		<item>
		<title>Top 10 Mistakes in Algebra</title>
		<link>https://ultimate-algebra.com/top-10-mistakes-in-algebra/</link>
		
		<dc:creator><![CDATA[UltimateAlgebra]]></dc:creator>
		<pubDate>Thu, 13 Nov 2025 06:06:46 +0000</pubDate>
				<category><![CDATA[Algebra]]></category>
		<category><![CDATA[Algebra 1]]></category>
		<category><![CDATA[Algebra 2]]></category>
		<category><![CDATA[Geometry]]></category>
		<category><![CDATA[Pre Algebra]]></category>
		<guid isPermaLink="false">https://ultimate-algebra.com/?p=2793</guid>

					<description><![CDATA[<p>Top 10 Mistakes Students Make in Algebra https://www.youtube.com/watch?v=QoZWDj1Bt0g This is the ultimate guide for anyone studying algebra, whether you&#8217;re a beginner or just need a refresher. We break down complex topics like combining terms, factoring, working with exponents, and solving inequalities. Stop losing points on your homework and exams for simple mistakes! Watch now to...</p>
<p>The post <a href="https://ultimate-algebra.com/top-10-mistakes-in-algebra/">Top 10 Mistakes in Algebra</a> appeared first on <a href="https://ultimate-algebra.com">Ultimate Algebra</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2793" class="elementor elementor-2793" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-64bb234 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="64bb234" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5c95f20" data-id="5c95f20" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-28539eb elementor-widget elementor-widget-text-editor" data-id="28539eb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6020711857545274"
     crossorigin="anonymous"></script>
<!-- top 10 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-6020711857545274"
     data-ad-slot="5082285374"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-98ffff1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="98ffff1" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6e5ff6c" data-id="6e5ff6c" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-835cda0 elementor-widget elementor-widget-heading" data-id="835cda0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Top 10 Mistakes Students Make in Algebra</h2>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-37b3de4 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="37b3de4" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-dca2c6b" data-id="dca2c6b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-fb389e3" data-id="fb389e3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6d35575 elementor-widget__width-initial elementor-widget elementor-widget-video" data-id="6d35575" data-element_type="widget" data-e-type="widget" data-settings="{&quot;youtube_url&quot;:&quot;https:\/\/www.youtube.com\/watch?v=QoZWDj1Bt0g&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="elementor-wrapper elementor-open-inline">
			<div class="elementor-video"></div>		</div>
						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-280890e" data-id="280890e" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap">
							</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-d4327c5 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d4327c5" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4400bb0" data-id="4400bb0" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-754b123 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="754b123" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><span class="yt-core-attributed-string--link-inherit-color" dir="auto">This is the ultimate guide for anyone studying algebra, whether you&#8217;re a beginner or just need a refresher. We break down complex topics like combining terms, factoring, working with exponents, and solving inequalities. Stop losing points on your homework and exams for simple mistakes! Watch now to see if you can get them all right.</span></p><p><span class="yt-core-attributed-string--link-inherit-color" dir="auto"><br />TIMESTAMPS:<br /></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"><a class="yt-core-attributed-string__link yt-core-attributed-string__link--call-to-action-color" tabindex="0" href="https://www.youtube.com/watch?v=QoZWDj1Bt0g" target="" aria-label="0 seconds">0:00</a></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"> &#8211; Intro: The 10 Mistakes You&#8217;re Probably Making<br /></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"><a class="yt-core-attributed-string__link yt-core-attributed-string__link--call-to-action-color" tabindex="0" href="https://www.youtube.com/watch?v=QoZWDj1Bt0g&amp;t=28s" target="" aria-label="28 seconds">0:28</a></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"> &#8211; #10: Incorrectly Combining Unlike Terms<br /></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"><a class="yt-core-attributed-string__link yt-core-attributed-string__link--call-to-action-color" tabindex="0" href="https://www.youtube.com/watch?v=QoZWDj1Bt0g&amp;t=143s" target="" aria-label="2 minutes, 23 seconds">2:23</a></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"> &#8211; #9: Cancelling Terms Incorrectly in Fractions<br /></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"><a class="yt-core-attributed-string__link yt-core-attributed-string__link--call-to-action-color" tabindex="0" href="https://www.youtube.com/watch?v=QoZWDj1Bt0g&amp;t=303s" target="" aria-label="5 minutes, 3 seconds">5:03</a></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"> &#8211; #8: Failing to Distribute to Every Term<br /></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"><a class="yt-core-attributed-string__link yt-core-attributed-string__link--call-to-action-color" tabindex="0" href="https://www.youtube.com/watch?v=QoZWDj1Bt0g&amp;t=402s" target="" aria-label="6 minutes, 42 seconds">6:42</a></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"> &#8211; #7: Forgetting to Multiply Every Term (FOIL Method)<br /></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"><a class="yt-core-attributed-string__link yt-core-attributed-string__link--call-to-action-color" tabindex="0" href="https://www.youtube.com/watch?v=QoZWDj1Bt0g&amp;t=532s" target="" aria-label="8 minutes, 52 seconds">8:52</a></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"> &#8211; #6: Forgetting the Middle Term in a Binomial Square<br /></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"><a class="yt-core-attributed-string__link yt-core-attributed-string__link--call-to-action-color" tabindex="0" href="https://www.youtube.com/watch?v=QoZWDj1Bt0g&amp;t=667s" target="" aria-label="11 minutes, 7 seconds">11:07</a></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"> &#8211; #5: Not Dividing or Multiplying All Terms on One Side</span></p><p><span class="yt-core-attributed-string--link-inherit-color" dir="auto"><a class="yt-core-attributed-string__link yt-core-attributed-string__link--call-to-action-color" tabindex="0" href="https://www.youtube.com/watch?v=QoZWDj1Bt0g&amp;t=800s" target="" aria-label="13 minutes, 20 seconds">13:20</a></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"> &#8211; #4: Mistaking Coefficients and Exponents<br /></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"><a class="yt-core-attributed-string__link yt-core-attributed-string__link--call-to-action-color" tabindex="0" href="https://www.youtube.com/watch?v=QoZWDj1Bt0g&amp;t=913s" target="" aria-label="15 minutes, 13 seconds">15:13</a></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"> &#8211; #3: Forgetting to Flip the Inequality Sign</span></p><p><span class="yt-core-attributed-string--link-inherit-color" dir="auto"><br /></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"><a class="yt-core-attributed-string__link yt-core-attributed-string__link--call-to-action-color" tabindex="0" href="https://www.youtube.com/watch?v=QoZWDj1Bt0g&amp;t=1046s" target="" aria-label="17 minutes, 26 seconds">17:26</a></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"> &#8211; #2: Forgetting the Negative Solution in Squared Equations </span></p><p><span class="yt-core-attributed-string--link-inherit-color" dir="auto"><a class="yt-core-attributed-string__link yt-core-attributed-string__link--call-to-action-color" tabindex="0" href="https://www.youtube.com/watch?v=QoZWDj1Bt0g&amp;t=1165s" target="" aria-label="19 minutes, 25 seconds">19:25</a></span><span class="yt-core-attributed-string--link-inherit-color" dir="auto"> &#8211; #1: Applying the Zero Product Property Incorrectly </span></p><p><span class="yt-core-attributed-string--link-inherit-color" dir="auto"> </span></p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>The post <a href="https://ultimate-algebra.com/top-10-mistakes-in-algebra/">Top 10 Mistakes in Algebra</a> appeared first on <a href="https://ultimate-algebra.com">Ultimate Algebra</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2793</post-id>	</item>
		<item>
		<title>Translating Words into Algebraic Expressions</title>
		<link>https://ultimate-algebra.com/translating-words-into-algebraic-expressions/</link>
		
		<dc:creator><![CDATA[UltimateAlgebra]]></dc:creator>
		<pubDate>Sat, 04 Nov 2023 15:02:41 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://ultimate-algebra.com/?p=2084</guid>

					<description><![CDATA[<p>CLICK HERE TO DOWNLOAD SHEET Translating Words into Algebraic Expressions: A Step-by-Step Guide Algebra acts as a bridge between mathematics and the real world, allowing us to describe situations using numbers and symbols. The translation—converting words into algebraic expressions—is an essential skill. Let’s dive into the steps for mastering this process. Understanding the Components of...</p>
<p>The post <a href="https://ultimate-algebra.com/translating-words-into-algebraic-expressions/">Translating Words into Algebraic Expressions</a> appeared first on <a href="https://ultimate-algebra.com">Ultimate Algebra</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2084" class="elementor elementor-2084" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-7c5e284 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7c5e284" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-db517d3" data-id="db517d3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3bc25b5 elementor-align-center elementor-widget elementor-widget-button" data-id="3bc25b5" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://ultimate-algebra.com/wp-content/uploads/2023/11/Translating-of-expressions.pdf" target="_blank" download="">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">CLICK HERE TO DOWNLOAD SHEET</span>
					</span>
					</a>
				</div>
								</div>
				</div>
				<div class="elementor-element elementor-element-03f896f elementor-widget elementor-widget-text-editor" data-id="03f896f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h1>Translating Words into Algebraic Expressions: A Step-by-Step Guide</h1><p>Algebra acts as a bridge between mathematics and the real world, allowing us to describe situations using numbers and symbols. The translation—converting words into algebraic expressions—is an essential skill. Let’s dive into the steps for mastering this process.</p><h2>Understanding the Components of Algebraic Expressions:</h2><p>An algebraic expression is a mix of variables, numbers, and arithmetic operations. Variables are symbols that represent unknown quantities, and operations include addition, subtraction, multiplication, and division.</p><h2>The Translation Process:</h2><h3>1. Identify Keywords:</h3><p>Each word in a problem correlates to a specific mathematical action.</p><ul><li>Addition: sum, plus, increased by, more than, total of, added to.</li><li>Subtraction: difference, minus, less than, decreased by, subtracted from.</li><li>Multiplication: product, times, multiplied by, of.</li><li>Division: quotient, divided by, per, out of.</li><li>Equals: is, gives, was, will be, results in, yields.</li></ul><h3>2. Determine the Variables:</h3><p>Identify what the variables represent and choose appropriate symbols for them.</p><h3>3. Translate Phrases into Mathematical Symbols:</h3><p>Convert the identified phrases into algebraic terms.</p><h3>4. Set up the Expression:</h3><p>Construct the expression using the translated terms, keeping the order of operations in mind.</p><h3>5. Simplify if Necessary:</h3><p>Combine like terms or use distributive property to make the expression cleaner.</p><h2>Practice Examples:</h2><p>Here are some sentences translated into algebraic expressions:</p><ul><li>“Three more than twice a number” translates to ( 2x + 3 ).</li><li>“The product of seven and the sum of a number and nine” translates to ( 7(x + 9)), or ( 7x + 63 ) after simplification.</li><li>“Eight subtracted from the quotient of a number and two” translates to (x/2) &#8211; 8 \).</li><li>“The square of a number decreased by ten” translates to ( x^2 &#8211; 10).</li></ul><h2>Final Tips:</h2><p>Write down knowns and unknowns, translate step by step, stay consistent with variables, and verify your translations by substituting numbers to test the expressions.</p><footer><p>Remember, practice makes perfect when it comes to translating words into algebraic expressions!</p></footer>								</div>
				</div>
				<div class="elementor-element elementor-element-882c42a elementor-align-center elementor-widget elementor-widget-button" data-id="882c42a" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://ultimate-algebra.com/wp-content/uploads/2023/11/Translating-of-expressions.pdf" target="_blank" download="">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">CLICK HERE TO DOWNLOAD SHEET</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>The post <a href="https://ultimate-algebra.com/translating-words-into-algebraic-expressions/">Translating Words into Algebraic Expressions</a> appeared first on <a href="https://ultimate-algebra.com">Ultimate Algebra</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2084</post-id>	</item>
	</channel>
</rss>
