<!DOCTYPE html>
<html lang="en" class="h-full">

<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-DSSZDT8NJ7"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'G-DSSZDT8NJ7');
    </script>

    <meta charset="UTF-8">

    <title>LumiaDB - Quick & easy way to download firmwares for your Lumia devices</title>
    <meta name="description"
        content="LumiaDB is a comprehensive, community-driven archive of firmware for Nokia and Microsoft Lumia devices. Search and download FFU files to restore or update your phone.">
    <meta name="keywords"
        content="Lumia firmware, LumiaDB, Lumia DB, Windows, Windows phone, Windows 10 Mobile, Windows Phone 8.1, ffu, nokia firmware, microsoft lumia, nokia lumia, lumia firmware download">
    <meta name="author" content="LumiaDB">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Open Graph / Facebook -->
    <meta property="og:title" content="LumiaDB - Quick & easy way to download firmwares for your Lumia devices">
    <meta property="og:description" content="Quick & easy way to download firmwares for your Lumia devices">
    <meta property="og:url" content="https://lumiadb.com">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://lumiadb.com/images/lumiadb-og-image.png">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="LumiaDB - Quick & easy way to download firmwares for your Lumia devices">
    <meta name="twitter:description" content="Quick & easy way to download firmwares for your Lumia devices">
    <meta name="twitter:image" content="https://lumiadb.com/images/lumiadb-og-image.png">

    <!-- Robots -->
    <meta name="robots" content="index, follow">

    <!-- Canonical URL -->
    <link rel="canonical" href="https://lumiadb.com/">
    <meta name="color-scheme" content="light dark">
    <style>
        html { background-color: #fafafa; }
        html.dark { background-color: #09090b; }
    </style>
    <script>
        (() => {
            try {
                const savedTheme = localStorage.getItem('theme');
                const prefersDark = savedTheme === 'dark' || (!savedTheme && window.matchMedia('(prefers-color-scheme: dark)').matches);
                document.documentElement.classList.toggle('dark', prefersDark);
                document.documentElement.style.colorScheme = prefersDark ? 'dark' : 'light';
            } catch (error) {
                document.documentElement.style.colorScheme = 'light';
            }
        })();
    </script>

    <link href="css/style.css?v=20260401" rel="stylesheet">
    <style>
        /* Custom styles moved to src/input.css */
    </style>

    <link rel="stylesheet" href="css/fontawesome/all.min.css">

    <link rel="icon" type="image/png" href="images/favicon/favicon-96x96.png" sizes="96x96" />
</head>

<body
    class="page-home bg-zinc-50 dark:bg-lumia-darker text-zinc-900 dark:text-zinc-100 font-sans h-full overflow-hidden flex flex-col transition-colors duration-200">
    <header
        class="h-16 bg-white dark:bg-lumia-dark border-b border-zinc-200 dark:border-zinc-800 flex items-center justify-between px-4 flex-shrink-0 z-40 relative shadow-sm">
        <div class="flex items-center gap-4">
            <!-- Mobile Sidebar Toggle -->
            <button id="sidebar-toggle"
                class="sidebar-toggle-home lg:hidden p-2 text-zinc-500 hover:text-blue-600 focus:outline-none transition-colors rounded-lg">
                <i class="fas fa-bars text-xl"></i>
            </button>

            <!-- Logo -->
            <a href="index.html" class="flex items-center gap-3 group">
                <img src="images/favicon/favicon.svg" alt="LumiaDB"
                    class="w-8 h-8 rounded-none group-hover:scale-110 transition-transform duration-300">
                <span class="text-2xl font-light text-[#5eb0ff]">LumiaDB</span>
            </a>
        </div>

        <!-- Desktop Nav Links -->
        <nav class="flex items-center gap-0.5 lg:gap-1">
            <!-- Secondary Links (Visible on XL screens only) -->
            <button id="credits-btn" onclick="openCreditsModal()"
                class="hidden xl:flex items-center px-3 py-2 text-sm font-medium text-zinc-600 dark:text-zinc-300 hover:text-blue-600 dark:hover:text-blue-400 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800 transition-[color,background-color,box-shadow,transform] duration-200 ease-out pressable">
                <i class="fas fa-info-circle mr-1.5"></i> Credits
            </button>
            <a href="https://buymeacoffee.com/doletrandat" target="_blank"
                class="hidden xl:flex items-center px-3 py-2 text-sm font-medium text-zinc-600 dark:text-zinc-300 hover:text-blue-600 dark:hover:text-blue-400 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800 transition-[color,background-color,box-shadow,transform] duration-200 ease-out pressable">
                <i class="fas fa-coffee mr-1.5"></i> Support
            </a>

            <!-- Tools Dropdown (Hidden on Mobile, Visible on Desktop) -->
            <div class="relative group hidden md:flex">
                <button onclick="toggleDropdown('tools-dropdown')"
                    class="dropdown-trigger px-2 lg:px-3 py-2 text-xs lg:text-sm font-medium text-zinc-600 dark:text-zinc-300 hover:text-blue-600 dark:hover:text-blue-400 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800 transition-[color,background-color,box-shadow,transform] duration-200 ease-out pressable flex items-center">
                    <i class="fas fa-tools mr-1.5"></i> Tools <i
                        class="fas fa-chevron-down ml-1 text-xs opacity-50"></i>
                </button>
                <div id="tools-dropdown"
                    class="dropdown-content absolute top-full right-0 w-56 bg-white dark:bg-lumia-dark border border-zinc-200 dark:border-zinc-700 rounded-xl shadow-xl opacity-0 invisible origin-top-right scale-95 z-50">
                    <a href="https://archive.org/details/wdrt-hl1" target="_blank"
                        class="block px-4 py-3 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 first:rounded-t-xl group/item">
                        <div class="font-medium">WDRT</div>
                        <div
                            class="text-xs text-zinc-500 dark:text-zinc-500 group-hover/item:text-blue-500 transition-colors">
                            Windows Device Recovery Tool</div>
                    </a>
                    <a href="https://github.com/ReneLergner/WPinternals" target="_blank"
                        class="block px-4 py-3 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 last:rounded-b-xl group/item">
                        <div class="font-medium">WPInternals</div>
                        <div
                            class="text-xs text-zinc-500 dark:text-zinc-500 group-hover/item:text-blue-500 transition-colors">
                            Unlock Bootloader & Root</div>
                    </a>
                </div>
            </div>

            <!-- "More" Dropdown (Visible on Mobile/Tablet, hidden on XL) -->
            <div class="relative group flex xl:hidden">
                <button onclick="toggleDropdown('more-dropdown')"
                    class="dropdown-trigger px-2 lg:px-3 py-2 text-xs lg:text-sm font-medium text-zinc-600 dark:text-zinc-300 hover:text-blue-600 dark:hover:text-blue-400 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800 transition-[color,background-color,box-shadow,transform] duration-200 ease-out pressable flex items-center">
                    <i class="fas fa-ellipsis-h mr-1.5"></i> More <i
                        class="fas fa-chevron-down ml-1 text-xs opacity-50"></i>
                </button>
                <div id="more-dropdown"
                    class="dropdown-content absolute top-full right-0 w-56 bg-white dark:bg-lumia-dark border border-zinc-200 dark:border-zinc-700 rounded-xl shadow-xl opacity-0 invisible origin-top-right scale-95 z-50">

                    <!-- Mobile Only Items -->
                    <div class="md:hidden border-b border-zinc-100 dark:border-zinc-800 mb-1 pb-1">
                        <a href="index.html"
                            class="block px-4 py-3 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 first:rounded-t-xl group/item">
                            <div class="font-medium"><i class="fas fa-home mr-2 w-4 text-center"></i> Home</div>
                        </a>
                        <a href="https://archive.org/details/wdrt-hl1" target="_blank"
                            class="block px-4 py-3 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 group/item">
                            <div class="font-medium"><i class="fas fa-tools mr-2 w-4 text-center"></i> WDRT</div>
                        </a>
                        <a href="https://github.com/ReneLergner/WPinternals" target="_blank"
                            class="block px-4 py-3 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 group/item">
                            <div class="font-medium"><i class="fas fa-unlock mr-2 w-4 text-center"></i> WPInternals
                            </div>
                        </a>
                        <a href="#" onclick="openDonorModal(); return false;"
                            class="block px-4 py-3 text-sm text-blue-600 dark:text-blue-400 hover:bg-zinc-50 dark:hover:bg-zinc-800 group/item font-bold">
                            <div class="font-medium"><i class="fas fa-file-medical mr-2 w-4 text-center"></i> Donor FFU
                            </div>
                        </a>
                    </div>

                    <button onclick="openCreditsModal()"
                        class="w-full text-left block px-4 py-3 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 md:first:rounded-t-xl group/item">
                        <div class="font-medium"><i class="fas fa-info-circle mr-2 w-4 text-center"></i> Credits</div>
                    </button>

                    <a href="https://buymeacoffee.com/doletrandat" target="_blank"
                        class="block px-4 py-3 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 group/item">
                        <div class="font-medium"><i class="fas fa-coffee mr-2 w-4 text-center"></i> Support</div>
                    </a>

                    <a href="guides.html"
                        class="block px-4 py-3 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 group/item">
                        <div class="font-medium"><i class="fas fa-book mr-2 w-4 text-center"></i> Guides</div>
                    </a>

                    <a href="https://wpdb.lumiadb.com" target="_blank"
                        class="block px-4 py-3 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 group/item">
                        <div class="font-medium"><i class="fas fa-history mr-2 w-4 text-center"></i> wpdb</div>
                        <div
                            class="text-xs text-zinc-500 dark:text-zinc-500 group-hover/item:text-blue-500 transition-colors">
                            For OEM Windows Phones</div>
                    </a>

                    <a href="https://osl.lumiadb.com" target="_blank"
                        class="block px-4 py-3 text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800 last:rounded-b-xl group/item">
                        <div class="font-medium text-pink-600 dark:text-pink-400"><i
                                class="fas fa-heart mr-2 w-4 text-center"></i> Contribute</div>
                        <div
                            class="text-xs text-zinc-500 dark:text-zinc-500 group-hover/item:text-pink-500 transition-colors">
                            Help expand the database</div>
                    </a>
                </div>
            </div>

            <!-- Secondary Links (Visible on XL screens only) -->
            <a href="guides.html"
                class="hidden xl:flex items-center px-3 py-2 text-sm font-medium text-zinc-600 dark:text-zinc-300 hover:text-blue-600 dark:hover:text-blue-400 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800 transition-[color,background-color,box-shadow,transform] duration-200 ease-out pressable">
                <i class="fas fa-book mr-1.5"></i> Guides
            </a>

            <a href="https://wpdb.lumiadb.com" target="_blank"
                class="hidden xl:flex items-center px-3 py-2 text-sm font-medium text-zinc-600 dark:text-zinc-300 hover:text-blue-600 dark:hover:text-blue-400 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800 transition-[color,background-color,box-shadow,transform] duration-200 ease-out pressable">
                <i class="fas fa-history mr-1.5"></i> wpdb (for OEM WP)
            </a>

            <a href="https://osl.lumiadb.com" target="_blank"
                class="hidden xl:flex items-center px-3 py-2 text-sm font-medium text-zinc-600 dark:text-zinc-300 hover:text-pink-600 dark:hover:text-pink-400 rounded-lg hover:bg-pink-50 dark:hover:bg-pink-900/10 transition-[color,background-color,box-shadow,transform] duration-200 ease-out pressable">
                <i class="fas fa-heart mr-1.5"></i> Contribute (OSL)
            </a>

            <a href="#" onclick="openDonorModal(); return false;"
                class="hidden md:flex items-center ml-2 px-3 py-2 text-sm font-bold text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-800 rounded-lg shadow-sm hover:shadow transition-[color,background-color,box-shadow,transform,border-color] duration-200 ease-out pressable">
                <i class="fas fa-file-medical mr-1.5"></i> Donor FFU
            </a>
        </nav>

        <button id="theme-toggle"
            class="p-2 ml-4 text-zinc-500 hover:text-blue-500 dark:text-zinc-400 dark:hover:text-yellow-400 transition-colors rounded-full hover:bg-zinc-100 dark:hover:bg-zinc-800">
            <i class="fas fa-moon dark:hidden text-lg"></i>
            <i class="fas fa-sun hidden dark:block text-lg"></i>
        </button>
    </header>

    <div id="swup" class="flex min-h-0 flex-1 flex-col">
    <div class="transition-main flex min-h-0 flex-1 flex-col">


    <div id="app" class="flex h-[calc(100vh-4rem)] overflow-hidden relative">
        <!-- Sidebar Overlay -->
        <div id="sidebar-overlay" class="fixed inset-0 bg-black/50 z-20 hidden lg:hidden transition-opacity"></div>
        <aside id="sidebar"
            class="absolute lg:relative inset-y-0 left-0 z-30 w-full lg:w-80 flex flex-col bg-white dark:bg-lumia-dark border-r border-zinc-200 dark:border-zinc-800 transform -translate-x-full lg:translate-x-0 transition-transform duration-300 ease-in-out">

            <div
                class="p-4 border-b border-zinc-200 dark:border-zinc-800 bg-zinc-50/50 dark:bg-lumia-darker/50 flex-shrink-0">
                <div class="relative group">
                    <i
                        class="fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-zinc-400 group-focus-within:text-blue-500 transition-colors"></i>
                    <input type="text" id="global-search"
                        class="w-full pl-10 pr-4 py-2.5 rounded-xl border border-zinc-200 dark:border-zinc-700 bg-white dark:bg-zinc-800 focus:outline-none focus:ring-2 focus:ring-blue-500/50 focus:border-blue-500 transition-[border-color,box-shadow,background-color] duration-200 shadow-sm text-sm"
                        placeholder="Search devices...">
                </div>
            </div>
            <div id="search-results" class="flex-1 overflow-y-auto p-2 space-y-1 custom-scrollbar">
                <div class="flex flex-col items-center justify-center h-full text-zinc-400 space-y-3">
                    <i class="fas fa-spinner fa-spin text-2xl"></i>
                    <p class="text-xs font-medium">Loading database...</p>
                    <p class="text-xs font-medium">Taking too long to load? Try using a VPN.</p>
                </div>
            </div>

            <div
                class="p-4 border-t border-zinc-200 dark:border-zinc-800 bg-zinc-50/50 dark:bg-lumia-darker/50 flex-shrink-0">
                <div class="flex flex-col gap-3">
                    <div class="grid grid-cols-2 gap-x-4 gap-y-2 text-xs font-medium text-zinc-500 dark:text-zinc-400">
                        <a href="about.html"
                            class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">About</a>
                        <a href="contact.html"
                            class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">Contact</a>
                        <a href="faq.html"
                            class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">FAQ</a>
                        <a href="contributors.html"
                            class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">Contributors</a>
                        <a href="developers.html"
                            class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">Developers</a>
                        <a href="privacy.html"
                            class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">Privacy Policy</a>
                        <a href="terms.html"
                            class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors col-span-2">Terms of
                            Service</a>
                    </div>

                    <div class="text-[10px] text-zinc-400 dark:text-zinc-500 mt-2 leading-tight">
                        &copy; 2026 LumiaDB. Not affiliated with Microsoft or Nokia.
                    </div>
                </div>
            </div>
        </aside>
        <main id="main-content"
            class="flex-1 flex flex-col relative w-full overflow-hidden min-w-0 bg-zinc-50 dark:bg-lumia-darker transition-colors duration-300">
            <div id="detail-scroll-area" class="flex-1 overflow-y-auto p-4 md:p-6 lg:p-8 custom-scrollbar relative">

                <div id="empty-state"
                    class="flex flex-col justify-start pt-2 md:pt-10 min-h-[calc(100vh-8rem)] px-8 md:px-12 text-left">
                    <h1 class="text-balance text-4xl md:text-6xl font-bold text-zinc-900 dark:text-white mb-2">Welcome to LumiaDB
                    </h1>
                    <p class="text-xl text-zinc-500 dark:text-zinc-400 mb-6">Select a device on the left to start</p>
                    <p class="text-l text-zinc-500 dark:text-zinc-400 mb-6">If you're on mobile then tapping the
                        hamburger
                        menu will bring up the menu.</p>

                    <div class="prose dark:prose-invert max-w-none">
                        <p class="text-zinc-600 dark:text-zinc-300">
                            <strong>Changelog:</strong>
                            <br>
                        <strong>May 09, 2026:</strong>
                        <p>- Added Lumia 900 (RM-823) firmware (thanks notloginedaccount_91706!)
                        </p>
                        <strong>May 03, 2026:</strong>
                        <p>- Resolved an issue where RM-1069 firmware was incorrectly put under the RM-1068 directoy. This was causing API fetch errors for the Lumia 435 Dual SIM firmwares. It took 7 months for someone to finally notice (thanks LagTech!)<br>
                            - Added WP8.0 GDR3 firmware for RM-892 (thanks ✧ xXrip_bluematterXx ★ (ripbluemattertheawesome)!)<br>
                            - Added RM-846 firmwares (thanks ACPI Fixed Feature Button!)
                        </p>
                            <strong>April 06, 2026:</strong>
                        <p>- Added more Donor FFU mirrors
                        </p>

                            <strong>March 25, 2026:</strong>
                        <p>- UI enhancements and bug fixes across navigation, modals, transitions, and mobile layouts.<br>
                            - Refined the Donor FFU flow, branding, and copy across the site.<br>
                            - Rebuilt the guide viewer, improved markdown rendering, and corrected guide content to avoid misinformation.
                        </p>

                            <strong>March 13, 2026:</strong>
                        <p>- Added RM-917 firmware (thanks Sparkling Dahlia (sparkling_dahlia) and "MSN Money (not an
                            app)" (msnmoney)!)<br>
                            - Added RM-846 firmware (thanks ACPI Fixed Feature Button!)<br>
                            - Corrected OS version information (thanks ACPI Fixed Feature Button!)
                        </p>

                        <strong>March 01, 2026:</strong>
                        <p>- Optimize UI for smaller screens (thanks Berekaferek8, andrew64dev!)<br>
                            - Bug fixes
                        </p>


                        <strong>February 21, 2026:</strong>
                        <p>Database update:<br>
                            - Added Lumia 800 (RM-801), Lumia 800C (RM-802), Lumia 710 (RM-808)<br>
                            - Updated Lumia 620 (RM-846) firmwares
                        </p>

                        <strong>February 14, 2026 (Happy Valentine's Day!):</strong>
                        <p>- Added a note in the Donor FFU section so people won't be confused about it not being the
                            same FFU as their device. (suggseted by ACPI Fixed Feature Button)<br>
                        </p>

                        <strong>February 11, 2026:</strong>
                        <p>- Corrected OS version info for Lumia 929/Lumia Icon (thanks ACPI Fixed Feature Button!)<br>
                        </p>
                        <strong>February 05, 2026:</strong>
                        <p>- Added Donor FFU mirrors<br>
                            - Added missing RM-1017 firmware (the file was there since the day this site started, I just
                            forgot to add it for some reason lol)
                            <br>
                            - Removed device listing sorting
                            <br>
                            - Added 'Donor FFU' button to the firmware page because a lot of people still don't know
                            where to get it despite it being on top of the navbar already
                        </p>

                        <strong>January 29, 2026:</strong>
                        <p>- Localized external CDN elements (FontAwesome, smoothscroll, etc.) to make the site
                            accessible to those whose ISPs block Cloudflare. (I hope this works)
                            <br>
                            - Added 059S5D2 (RM-846) firmware (thanks Sucharek!)
                        </p>

                        <strong>January 10, 2026:</strong>
                        <br>
                        <p>- Optimized navbar & firmware listing table for smaller screens (thanks XAYO, FriendsNone,
                            ACPI Fixed Feature Button!)
                            <br>
                            - Fixed firmware file size being incorrect.
                            <br>
                            - Fixed an issue where the sidebar would not close properly on mobile.
                            <br>
                            Note: Please do a hard refresh (Ctrl + F5/Cmd + F5) to clear the cache to ensure you're
                            using
                            the latest version.
                        </p>

                        <strong>January 9, 2026:</strong>
                        <p>New layout for easier navigation and better organization. We now use Tailwind CSS. Also way
                            beter mobile layout.
                            <br>
                            I've also updated device images, they are fully transparent and in higher resolution now.
                        </p>

                        If you're wondering why the hell is there a changelog here it's because I have no idea what
                        to put here to make it less empty.
                        <br><br>
                        I guess I'll put the logo here.
                        <br>
                        <img src="images/favicon/web-app-manifest-192x192.png" alt="LumiaDB Logo">
                        </p>
                    </div>
                </div>

                <div id="firmware-results" class="hidden w-full space-y-6 pb-20">
                    <div id="firmware-list-header"></div>
                    <div id="firmware-items" class="space-y-6">
                    </div>
                </div>

            </div>
        </main>

        <div id="sidebar-overlay" onclick="toggleSidebar(false)"
            class="fixed inset-0 bg-black/60 z-20 hidden lg:hidden transition-opacity duration-300">
        </div>

    </div>


    <div id="paywall-modal" class="fixed inset-0 z-50 hidden items-center justify-center p-3 sm:p-4" style="display:none;">
        <div class="absolute inset-0 bg-black/75" id="paywall-backdrop"></div>
        <div id="paywall-card"
            class="surface-card-strong bg-white dark:bg-zinc-900 rounded-2xl w-full max-w-4xl max-h-[calc(100vh-1.5rem)] sm:max-h-[calc(100vh-2rem)] relative z-10 overflow-y-auto custom-scrollbar modal-spring-enter">

            <!-- Header -->
            <div class="px-4 sm:px-5 pt-4 sm:pt-5 pb-4 border-b border-zinc-200/80 dark:border-zinc-800">
                <div class="flex justify-between items-start gap-4">
                    <div class="min-w-0">
                        <div class="flex items-center gap-2 text-[11px] uppercase tracking-[0.18em] font-semibold text-zinc-500 dark:text-zinc-400">
                            <svg class="w-4 h-4 shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                    d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"
                                    clip-rule="evenodd" />
                            </svg>
                            <span>Checkout</span>
                        </div>
                        <h2 class="mt-2 text-lg sm:text-xl font-semibold text-zinc-900 dark:text-zinc-50 text-balance">Review your order</h2>
                        <p class="mt-1 text-sm text-zinc-500 dark:text-zinc-400 text-pretty">Choose a payment method to continue</p>
                    </div>
                    <button id="paywall-close-btn"
                        class="touch-target mt-0.5 inline-flex items-center justify-center rounded-full bg-zinc-100 text-zinc-500 hover:bg-zinc-200 hover:text-zinc-700 dark:bg-zinc-800 dark:text-zinc-400 dark:hover:bg-zinc-700 dark:hover:text-zinc-200 transition-[background-color,color]">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                d="M6 18L18 6M6 6l12 12" />
                        </svg>
                    </button>
                </div>
            </div>

            <div class="px-4 sm:px-5 py-4 sm:py-5">
                <div class="grid gap-4 sm:gap-5 lg:grid-cols-[minmax(0,0.96fr)_minmax(0,1.04fr)]">
                    <div class="space-y-4">
                        <div class="rounded-xl border border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 p-4 sm:p-5 shadow-sm">
                            <p class="text-[10px] text-zinc-400 uppercase font-bold tracking-[0.18em]">Order summary</p>
                            <p class="mt-2 text-lg font-semibold text-zinc-900 dark:text-zinc-100">LumiaDB</p>
                            <p class="mt-1 text-sm text-zinc-500 dark:text-zinc-400">Selected firmware download</p>

                            <div class="mt-4 sm:mt-5 rounded-xl border border-zinc-200 dark:border-zinc-800 bg-zinc-50/80 dark:bg-zinc-950 px-4 py-4">
                                <div class="flex items-start gap-3 sm:gap-4">
                                    <div class="inline-flex h-10 w-10 sm:h-11 sm:w-11 shrink-0 items-center justify-center rounded-xl bg-blue-500/10 text-blue-600 dark:bg-blue-500/15 dark:text-blue-400">
                                        <i class="fas fa-file-archive text-lg"></i>
                                    </div>
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-col sm:flex-row sm:items-start justify-between gap-2 sm:gap-3">
                                            <div class="min-w-0">
                                                <p class="text-[10px] text-zinc-400 uppercase font-bold tracking-[0.18em]">File</p>
                                                <p id="paywall-filename"
                                                    class="mt-2 font-mono text-xs font-medium leading-5 text-zinc-700 dark:text-zinc-200 break-all">
                                                    Filename.ffu</p>
                                            </div>
                                            <span class="text-zinc-900 dark:text-zinc-100 font-semibold shrink-0 self-start">$1.99</span>
                                        </div>
                                        <div class="mt-3 text-xs text-zinc-500 dark:text-zinc-400">
                                            <span id="paywall-size" class="font-mono">1.2 GB</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="mt-4 sm:mt-5 space-y-2.5 text-sm">
                                <div class="flex justify-between items-center text-zinc-600 dark:text-zinc-300">
                                    <span>Download access</span>
                                    <span>$1.99</span>
                                </div>
                                <div class="flex justify-between items-center text-zinc-500 dark:text-zinc-400">
                                    <span>Delivery</span>
                                    <span>After confirmation</span>
                                </div>
                                <div class="flex justify-between items-center text-zinc-500 dark:text-zinc-400">
                                    <span>Service fee</span>
                                    <span>$0.51</span>
                                </div>
                                <div class="border-t border-zinc-200 pt-2 dark:border-zinc-700 flex justify-between items-center font-bold text-zinc-900 dark:text-white">
                                    <span>Total due today</span>
                                    <span class="text-blue-600 dark:text-blue-400 text-lg">$2.50</span>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="space-y-4">
                        <div class="rounded-xl border border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 p-4 sm:p-5 shadow-sm">
                            <div class="flex items-center justify-between gap-3">
                                <p class="text-[10px] text-zinc-400 uppercase font-bold tracking-[0.18em]">Payment method</p>
                                <p class="hidden sm:block text-xs text-zinc-500 dark:text-zinc-400">Select one option</p>
                            </div>

                            <div class="mt-4 space-y-2.5">
                                <button type="button" data-paywall-method="card" data-paywall-label="Continue with Card" data-paywall-detail="Go to the next step with card selected"
                                    class="paywall-method pressable w-full rounded-xl border border-blue-200 bg-blue-50/70 px-3.5 sm:px-4 py-3 sm:py-3.5 text-left shadow-sm dark:bg-blue-900/15 dark:border-blue-800 transition-[background-color,border-color,box-shadow,transform] duration-200">
                                    <span class="flex items-center gap-2.5 sm:gap-3">
                                        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-blue-300 bg-white dark:bg-zinc-950 dark:border-blue-700">
                                            <span data-paywall-indicator class="h-2.5 w-2.5 rounded-full bg-blue-600 dark:bg-blue-400 transition-[opacity,transform] duration-200 ease-out"></span>
                                        </span>
                                        <span class="min-w-0 flex-1">
                                            <span class="flex items-center gap-2">
                                                <span class="text-sm font-semibold text-zinc-900 dark:text-zinc-100">Card</span>
                                                <span class="inline-flex items-center gap-1 rounded-full bg-blue-100 px-2 py-0.5 text-[10px] font-semibold text-blue-700 dark:bg-blue-900/30 dark:text-blue-300">
                                                    <i class="fab fa-stripe-s text-[10px]"></i>
                                                    Stripe
                                                </span>
                                            </span>
                                            <span class="mt-1 block text-xs text-zinc-500 dark:text-zinc-400">Secure card checkout with Visa, Mastercard, and Amex</span>
                                        </span>
                                        <span class="flex items-center gap-1.5 text-zinc-400 dark:text-zinc-500">
                                            <i class="fab fa-cc-visa text-lg"></i>
                                            <i class="fab fa-cc-mastercard text-lg"></i>
                                            <i class="fab fa-cc-amex text-lg"></i>
                                        </span>
                                    </span>
                                </button>

                                <button type="button" data-paywall-method="apple-pay" data-paywall-label="Continue with Apple Pay" data-paywall-detail="Go to the next step with Apple Pay selected"
                                    class="paywall-method pressable w-full rounded-xl border border-zinc-200 bg-zinc-50/70 px-3.5 sm:px-4 py-3 sm:py-3.5 text-left dark:border-zinc-800 dark:bg-zinc-950 transition-[background-color,border-color,box-shadow,transform] duration-200">
                                    <span class="flex items-center gap-2.5 sm:gap-3">
                                        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-900">
                                            <span data-paywall-indicator class="h-2.5 w-2.5 rounded-full bg-blue-600 dark:bg-blue-400 opacity-0 scale-75 transition-[opacity,transform] duration-200 ease-out"></span>
                                        </span>
                                        <span class="min-w-0 flex-1">
                                            <span class="text-sm font-semibold text-zinc-900 dark:text-zinc-100">Apple Pay</span>
                                            <span class="mt-1 block text-xs text-zinc-500 dark:text-zinc-400">Quick checkout with Apple devices</span>
                                        </span>
                                        <span class="inline-flex h-9 sm:h-10 min-w-[92px] sm:min-w-[110px] items-center justify-center">
                                            <img src="images/payment/apple-pay-mark-official.svg" alt="" aria-hidden="true" class="h-9 sm:h-10 w-auto">
                                        </span>
                                    </span>
                                </button>

                                <button type="button" data-paywall-method="google-pay" data-paywall-label="Continue with Google Pay" data-paywall-detail="Go to the next step with Google Pay selected"
                                    class="paywall-method pressable w-full rounded-xl border border-zinc-200 bg-zinc-50/70 px-3.5 sm:px-4 py-3 sm:py-3.5 text-left dark:border-zinc-800 dark:bg-zinc-950 transition-[background-color,border-color,box-shadow,transform] duration-200">
                                    <span class="flex items-center gap-2.5 sm:gap-3">
                                        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-900">
                                            <span data-paywall-indicator class="h-2.5 w-2.5 rounded-full bg-blue-600 dark:bg-blue-400 opacity-0 scale-75 transition-[opacity,transform] duration-200 ease-out"></span>
                                        </span>
                                        <span class="min-w-0 flex-1">
                                            <span class="text-sm font-semibold text-zinc-900 dark:text-zinc-100">Google Pay</span>
                                            <span class="mt-1 block text-xs text-zinc-500 dark:text-zinc-400">Fast checkout on supported devices</span>
                                        </span>
                                        <span class="inline-flex h-9 sm:h-10 min-w-[92px] sm:min-w-[110px] items-center justify-center">
                                            <img src="images/payment/google-pay-mark-ui.svg" alt="" aria-hidden="true" class="h-9 sm:h-10 w-auto">
                                        </span>
                                    </span>
                                </button>

                                <button type="button" data-paywall-method="paypal" data-paywall-label="Continue with PayPal" data-paywall-detail="Go to the next step with PayPal selected"
                                    class="paywall-method pressable w-full rounded-xl border border-zinc-200 bg-zinc-50/70 px-3.5 sm:px-4 py-3 sm:py-3.5 text-left dark:border-zinc-800 dark:bg-zinc-950 transition-[background-color,border-color,box-shadow,transform] duration-200">
                                    <span class="flex items-center gap-2.5 sm:gap-3">
                                        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-zinc-300 dark:border-zinc-700 bg-white dark:bg-zinc-900">
                                            <span data-paywall-indicator class="h-2.5 w-2.5 rounded-full bg-blue-600 dark:bg-blue-400 opacity-0 scale-75 transition-[opacity,transform] duration-200 ease-out"></span>
                                        </span>
                                        <span class="min-w-0 flex-1">
                                            <span class="text-sm font-semibold text-zinc-900 dark:text-zinc-100">PayPal</span>
                                            <span class="mt-1 block text-xs text-zinc-500 dark:text-zinc-400">Continue with your PayPal account</span>
                                        </span>
                                        <span class="inline-flex h-9 sm:h-10 min-w-[92px] sm:min-w-[110px] items-center justify-center">
                                            <img src="images/payment/paypal-logo-official-100px.png" alt="" aria-hidden="true" class="h-5 sm:h-6 w-auto">
                                        </span>
                                    </span>
                                </button>
                            </div>

                            <button
                                class="pressable mt-4 w-full py-3 sm:py-3.5 px-3.5 sm:px-4 bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white rounded-xl font-semibold transition-[background-color,box-shadow,transform] duration-200 shadow-md hover:shadow-lg flex items-center justify-between gap-3 paywall-btn">
                                <span class="inline-flex items-center gap-2.5 sm:gap-3 min-w-0">
                                    <span class="inline-flex h-9 w-9 sm:h-10 sm:w-10 shrink-0 items-center justify-center rounded-full bg-white/12">
                                        <i class="fas fa-arrow-right text-base"></i>
                                    </span>
                                    <span class="min-w-0 text-left">
                                        <span id="paywall-primary-label" class="block text-sm font-semibold">Continue with Card</span>
                                        <span id="paywall-primary-detail" class="block text-xs text-white/75">Go to the next step with card selected</span>
                                    </span>
                                </span>
                                <span class="text-base font-semibold tabular-nums">$2.50</span>
                            </button>
                        </div>

                        <div class="px-1 text-xs text-zinc-500 dark:text-zinc-400 space-y-2">
                            <p class="text-pretty">Review the selected method and continue when ready.</p>
                            <div class="flex flex-wrap items-center gap-x-3 gap-y-1 text-zinc-400 dark:text-zinc-500">
                                <span class="inline-flex items-center gap-1.5">
                                    <i class="fas fa-lock text-[11px]"></i>
                                    Checkout screen
                                </span>
                                <span class="inline-flex items-center gap-1.5">
                                    <i class="fas fa-receipt text-[11px]"></i>
                                    Txn: <span class="font-mono" id="paywall-txn-id">LUMIADB-PX29426</span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div id="april-fools-modal" class="fixed inset-0 z-50 hidden flex items-center justify-center p-3 sm:p-4">
        <div class="absolute inset-0 bg-black/75" id="april-fools-backdrop"></div>
        <div
            class="surface-card-strong bg-white dark:bg-zinc-900 rounded-2xl w-full max-w-md max-h-[calc(100vh-1.5rem)] sm:max-h-[calc(100vh-2rem)] relative z-10 overflow-y-auto custom-scrollbar modal-spring-enter">
            <div class="p-6 sm:p-8 text-center">
                <div
                    class="w-14 h-14 sm:w-16 sm:h-16 bg-blue-100 dark:bg-blue-900/25 rounded-2xl flex items-center justify-center mx-auto mb-5 animate-icon-pop text-blue-600 dark:text-blue-400">
                    <i class="fas fa-face-laugh-beam text-[28px] sm:text-3xl"></i>
                </div>

                <p class="text-[11px] uppercase tracking-[0.2em] font-semibold text-zinc-400 mb-3">Payment result</p>
                <h2 class="text-4xl sm:text-5xl font-black text-blue-600 dark:text-blue-400 tracking-tight text-balance mb-4">
                    APRIL FOOLS!
                </h2>

                <p class="text-zinc-600 dark:text-zinc-300 mb-8 font-medium text-pretty">
                    LumiaDB is free forever. No payment was taken, and your real download is ready.
                </p>

                <button id="final-download-btn"
                    class="pressable w-full py-3 sm:py-3.5 bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white rounded-xl font-bold text-base sm:text-lg shadow-md hover:shadow-lg transition-[background-color,box-shadow,transform] duration-200 text-center flex items-center justify-center gap-2">
                    <i class="fas fa-download"></i> Download
                </button>
            </div>
        </div>
    </div>

    <div id="credits-modal" class="fixed inset-0 z-50 hidden flex items-center justify-center p-4">
        <div class="fixed inset-0 bg-black/60 transition-opacity duration-200" id="credits-backdrop"
            onclick="closeCreditsModal()"></div>
        <div id="credits-content"
            class="relative bg-white dark:bg-lumia-dark rounded-2xl surface-card-strong w-full max-w-2xl max-h-[85vh] overflow-hidden flex flex-col z-10 transition-[opacity,transform,box-shadow]">
            <div
                class="px-6 py-4 border-b border-zinc-200 dark:border-zinc-800 flex justify-between items-center bg-white dark:bg-lumia-dark z-10 flex-shrink-0">
                <h3 class="text-xl font-bold text-zinc-900 dark:text-white">Credits & Sources</h3>
                <button onclick="closeCreditsModal()"
                    class="text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-200 transition-colors text-2xl leading-none touch-target flex items-center justify-center rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800">&times;</button>
            </div>

            <div
                class="p-6 space-y-4 text-zinc-600 dark:text-zinc-300 text-sm leading-relaxed overflow-y-auto custom-scrollbar">
                <p class="font-semibold text-zinc-900 dark:text-white">Firmware sources:</p>
                <ul class="list-disc pl-5 space-y-2 marker:text-blue-500">
                    <li><span class="font-medium text-zinc-800 dark:text-zinc-200">Microsoft Official Servers</span>
                        (via Windows Device Recovery Tool)</li>
                    <li>Online databases</li>
                    <li>Internet Archive</li>
                    <li><span class="font-medium text-zinc-800 dark:text-zinc-200">ProtoBetaTest.com</span> -
                        Emergency
                        Files</li>
                    <li><span class="font-medium text-zinc-800 dark:text-zinc-200">Fire Thing 1481</span> -
                        Engineering
                        SBL3 - <a href="https://archive.org/details/sbl-3-no-buggy-62x"
                            class="text-blue-600 dark:text-blue-400 hover:underline" target="_blank">Internet
                            Archive</a></li>
                    <li>Community-contributed firmwares - <a href="contributors.html"
                            class="text-blue-600 dark:text-blue-400 hover:underline">Full list</a></li>
                    <li>GSMArena, devicespecifications.com, Wikipedia - Device specs info, sales region info</li>
                    <li>BetaWiki - OS Version (WP build) information</li>
                    <li>Files from various Google Drive & OneDrive folders-shoutout to the original owners, whoever you
                        are!</li>
                </ul>

                <div class="h-px bg-zinc-100 dark:bg-zinc-800 my-4"></div>

                <p class="font-semibold text-zinc-900 dark:text-white">Special thanks to:</p>
                <ul class="list-disc pl-5 space-y-2 marker:text-purple-500">
                    <li><span class="font-medium text-zinc-800 dark:text-zinc-200">Sucharek</span>, for his amazing
                        work
                        with <a href="https://sucharek233.github.io/LumiaFW/main/"
                            class="text-blue-600 dark:text-blue-400 hover:underline" target="_blank">LumiaFW</a> and for
                        helping me with a lot of FFU files. Please check his website out if you couldn't find what you
                        need here!</li>
                    <li><span class="font-medium text-zinc-800 dark:text-zinc-200">Internet Archive</span>, for
                        keeping
                        these files accessible to everyone</li>
                    <li>Last but not least, the <span class="font-medium text-zinc-800 dark:text-zinc-200">Windows
                            Phone
                            community</span>, especially with OSFFU, for preserving these files</li>
                </ul>

                <div
                    class="p-4 bg-blue-50 dark:bg-blue-900/20 rounded-xl mt-6 border border-blue-100 dark:border-blue-800/50">
                    <p class="text-center italic text-blue-800 dark:text-blue-200">LumiaDB would not exist without the
                        incredible efforts of the individuals and communities listed above. Your contributions have made
                        it possible to preserve and share these valuable resources, thank you!</p>
                </div>
            </div>
        </div>
    </div>

    </div>
    </div>

    <script src="js/vendor/basicLightbox.min.js"></script>
    <script src="js/vendor/prism-core.min.js"></script>
    <script src="js/vendor/prism-autoloader.min.js"></script>
    <script src="js/vendor/marked.min.js"></script>
    <script src="js/vendor/js-yaml.min.js"></script>
    <script src="js/vendor/swup.umd.js"></script>
    <script src="js/vendor/swup-head-plugin.umd.js"></script>
    <script src="js/vendor/swup-preload-plugin.umd.js"></script>
    <script src="js/vendor/swup-body-class-plugin.umd.js"></script>
    <script src="js/site-bootstrap.js?v=20260401"></script>
    <script src="js/ui.js?v=20260401"></script>
    <script src="js/donor-modal.js?v=20260401"></script>
    <script src="js/faq.js?v=20260401"></script>
    <script src="js/guides.js?v=20260401"></script>
    <script src="js/guides-page.js?v=20260401"></script>
    <script src="js/guide-viewer.js?v=20260401"></script>
    <script src="js/script.js?v=20260401"></script>
    <script src="js/confetti.browser.min.js?v=20260401"></script>
</body>

</html>
