            <!DOCTYPE html>
            <html lang="en" style="height:100%;overflow:hidden;">
            <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
            <title>System Upgrade In Progress | DigiStash Vault &amp; Digital Marketplace - DigiStash</title>
            <link rel="icon" type="image/png" href="https://thedigistash.com/DigistashLOGO.png">
            <link rel="shortcut icon" href="https://thedigistash.com/DigistashLOGO.png">
            <link rel="apple-touch-icon" href="https://thedigistash.com/DigistashLOGO.png">
            <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=Syne:wght@700;800;900&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=JetBrains+Mono:wght@400;500;700;800&display=swap" rel="stylesheet">
            <script src="https://cdn.tailwindcss.com"></script>
            <style>
              :root {
                --bg: #060810;
                --surface: #0d1117;
                --surface2: #131825;
                --accent: #00e5ff;
                --accent2: #7c3aed;
                --accent3: #f59e0b;
                --text: #e8eaf0;
                --muted: #64748b;
              }
              * { box-sizing: border-box; }
              html, body {
                height: 100vh !important;
                max-height: 100vh !important;
                margin: 0;
                padding: 0;
                overflow: hidden !important;
                background-color: var(--bg);
                color: var(--text);
                font-family: 'DM Sans', sans-serif;
              }
              .font-syne { font-family: 'Syne', sans-serif !important; }
              .font-mono { font-family: 'JetBrains Mono', monospace !important; }
              
              /* Background Cyber Grid */
              .bg-grid {
                position: fixed;
                inset: 0;
                z-index: 2;
                background-image: 
                  linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
                  linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
                background-size: 45px 45px;
                mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 100%);
                pointer-events: none;
              }
              
              /* Floating Ambient Glow */
              @keyframes floatBlob {
                0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.25; }
                50% { transform: translate(25px, -15px) scale(1.1); opacity: 0.5; }
              }
              .glow-blob-1 { animation: floatBlob 9s ease-in-out infinite; }
              .glow-blob-2 { animation: floatBlob 11s ease-in-out 2s infinite; }

              /* Advanced 3D Cyber Reactor Animations */
              @keyframes rotateClockwise {
                from { transform: rotate(0deg); }
                to { transform: rotate(360deg); }
              }
              @keyframes rotateCounter {
                from { transform: rotate(360deg); }
                to { transform: rotate(0deg); }
              }
              @keyframes radarSweep {
                0% { transform: rotate(0deg); }
                100% { transform: rotate(360deg); }
              }
              @keyframes corePulse {
                0%, 100% { transform: scale(1); box-shadow: 0 0 25px rgba(0,229,255,0.4), inset 0 0 15px rgba(0,229,255,0.2); }
                50% { transform: scale(1.05); box-shadow: 0 0 40px rgba(124,58,237,0.6), inset 0 0 25px rgba(124,58,237,0.4); }
              }
              .orbital-ring-1 { animation: rotateClockwise 12s linear infinite; }
              .orbital-ring-2 { animation: rotateCounter 8s linear infinite; }
              .radar-sweep-beam {
                background: conic-gradient(from 0deg, transparent 0deg, transparent 300deg, rgba(0,229,255,0.3) 360deg);
                animation: radarSweep 4s linear infinite;
              }
              .pulse-core { animation: corePulse 2.5s ease-in-out infinite; }

              /* Live Beacon Pulse */
              @keyframes beaconPulse {
                0%, 100% { transform: scale(1); opacity: 1; }
                50% { transform: scale(1.4); opacity: 0.35; }
              }
              .beacon-dot { animation: beaconPulse 1.6s ease-in-out infinite; }

              /* Shimmer Laser Bar */
              @keyframes shimmerFlow {
                0% { background-position: -200% 0; }
                100% { background-position: 200% 0; }
              }
              .shimmer-progress {
                background: linear-gradient(90deg, #00e5ff 0%, #7c3aed 35%, #ec4899 65%, #00e5ff 100%);
                background-size: 200% 100%;
                animation: shimmerFlow 2.6s linear infinite;
              }

              /* Crystal Clear Zero-Blur Styling with Crisp Black Text Boxes */
              .glass-card {
                background: transparent !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
                border: none !important;
                box-shadow: none !important;
              }

              .text-box-card {
                background: rgba(0, 0, 0, 0.72) !important;
                border: 1px solid rgba(255, 255, 255, 0.12) !important;
                box-shadow: 0 12px 36px rgba(0, 0, 0, 0.6) !important;
              }

              .gradient-heading {
                background: linear-gradient(135deg, #00e5ff 0%, #a855f7 50%, #ec4899 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
              }

              .ecosystem-card {
                background: rgba(0, 0, 0, 0.72) !important;
                border: 1px solid rgba(255, 255, 255, 0.12) !important;
                transition: all 0.2s ease;
              }
              .ecosystem-card:hover {
                background: rgba(0, 229, 255, 0.28) !important;
                border-color: rgba(0, 229, 255, 0.8) !important;
                transform: translateY(-2px);
                box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4), 0 0 15px rgba(0, 229, 255, 0.45) !important;
              }
            </style>
            </head>
            <body class="h-screen w-screen flex flex-col justify-between items-center px-3 py-2 sm:px-4 sm:py-3 relative selection:bg-cyan-400 selection:text-black overflow-hidden">
              
              <!-- Ambient Looping Video Background (Zero Controls, Non-Stop, Crystal Clear) -->
              <video 
                id="maintBgVideo"
                preload="auto" 
                playsinline 
                webkit-playsinline
                loop 
                autoplay 
                muted
                crossorigin="anonymous"
                disablepictureinpicture 
                controlslist="nodownload nofullscreen noremoteplayback" 
                poster="https://thedigistash.com/DigistashLOGO.png"
                style="position:fixed;inset:0;width:100%;height:100%;object-fit:cover;background:#000;filter:saturate(1.08) contrast(1.05);transform:scale(1.02);z-index:0;pointer-events:none;">
                <source src="https://thedigistash.com/ads/digistash_maintainence_upgrading.mp4" type="video/mp4">
                <source src="https://www.thedigistash.com/ads/digistash_maintainence_upgrading.mp4" type="video/mp4">
                <source src="https://thedigistash.com/ads/digistash_maintenance_upgrading.mp4" type="video/mp4">
                <source src="/ads/digistash_maintainence_upgrading.mp4" type="video/mp4">
                <source src="ads/digistash_maintainence_upgrading.mp4" type="video/mp4">
              </video>

              <!-- Subtle Dark Overlay for Video Clarity (Zero Blur) -->
              <div class="fixed inset-0 bg-black/20 z-[1] pointer-events-none"></div>

              <!-- Top Navigation / Header -->
              <header class="w-full max-w-5xl mx-auto flex items-center justify-between py-1 relative z-10 flex-shrink-0">
                <a href="https://www.thedigistash.com" class="flex items-center gap-2 group px-2.5 py-1 rounded-full bg-black/60 border border-white/10">
                  <img src="https://thedigistash.com/DigistashLOGO.png" alt="DigiStash Logo" class="w-7 h-7 sm:w-8 sm:h-8 object-contain rounded-lg shadow-md border border-white/10 transition-transform group-hover:scale-105" onerror="this.src='https://thedigistash.com/uploads/digistash_logo.png'">
                  <span class="font-syne font-extrabold text-lg sm:text-xl tracking-tight text-white">
                    Digi<span class="text-cyan-400">Stash</span>
                  </span>
                </a>

                <div class="flex items-center gap-2">
                  <button id="soundToggleBtn" type="button" class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-black/70 border border-cyan-500/45 shadow-inner text-[10px] sm:text-[11px] font-mono font-bold text-cyan-300 hover:bg-cyan-500/25 transition-all cursor-pointer">
                    🔊 SOUND ON
                  </button>
                  <div class="inline-flex items-center gap-1.5 px-2.5 sm:px-3 py-1 rounded-full bg-black/70 border border-amber-500/45 shadow-inner">
                    <span class="w-2 h-2 rounded-full bg-amber-400 beacon-dot"></span>
                    <span class="text-[10px] sm:text-[11px] font-mono font-bold text-amber-300 tracking-wider">⚡ SYSTEM UPGRADE MODE</span>
                  </div>
                </div>
              </header>

              <!-- Main Card (100% Crystal Clear Without Blur) -->
              <main class="w-full max-w-4xl mx-auto my-auto py-1 relative z-10 flex-1 flex items-center justify-center min-h-0">
                <div class="glass-card rounded-2xl p-2 sm:p-4 text-center relative overflow-hidden w-full max-h-full flex flex-col justify-between">
                  
                  <!-- Animated Holographic Core Reactor -->
                  <div class="relative w-16 h-16 sm:w-18 sm:h-18 mx-auto mb-1 flex items-center justify-center flex-shrink-0">
                    <!-- Outer Rotating Tech Ring -->
                    <div class="absolute inset-0 rounded-full border-2 border-dashed border-cyan-400/50 orbital-ring-1"></div>
                    <!-- Radar Sweep Beam -->
                    <div class="absolute inset-1 rounded-full radar-sweep-beam opacity-60"></div>
                    <!-- Inner Counter-Rotating Dashed Ring -->
                    <div class="absolute inset-2 rounded-full border-2 border-dashed border-purple-500/60 orbital-ring-2"></div>
                    <!-- Center Core Icon -->
                    <div class="w-11 h-11 sm:w-12 sm:h-12 rounded-xl bg-black/80 border border-cyan-400/50 flex items-center justify-center text-xl sm:text-2xl pulse-core relative shadow-lg">
                      <span>💎</span>
                      <span class="absolute -top-1 -right-1 text-[9px]">✨</span>
                      <span class="absolute -bottom-1 -left-1 text-[9px]">⚡</span>
                    </div>
                  </div>

                  <!-- Crisp Black Translucent Box Behind Main Heading & Description -->
                  <div class="text-box-card rounded-2xl p-3 sm:p-4 mb-2 max-w-xl mx-auto w-full flex-shrink-0">
                    <!-- Eyebrow Badge -->
                    <div class="inline-flex items-center gap-1.5 px-3 py-0.5 rounded-full bg-cyan-500/20 border border-cyan-500/35 text-cyan-300 font-mono text-[9.5px] sm:text-[10.5px] font-bold uppercase tracking-widest mb-1.5 mx-auto">
                      <span class="w-1.5 h-1.5 rounded-full bg-cyan-400 beacon-dot"></span>
                      <span>High-Performance Platform Upgrade</span>
                    </div>

                    <!-- Main Heading (2-Line for Vault & Digital Marketplace) -->
                                          <h1 class="text-xl sm:text-2xl md:text-[28px] font-syne font-extrabold text-white tracking-tight leading-snug mb-1">
                        <span class="block">DigiStash <span class="gradient-heading">Vault & Digital</span></span>
                        <span class="block text-white">Marketplace is Upgrading</span>
                      </h1>
                    
                    <!-- Body Description -->
                    <p class="text-slate-200 text-[11px] sm:text-xs leading-relaxed max-w-lg mx-auto font-medium">
                      We are deploying performance enhancements, high-throughput cloud clusters, and new capabilities to deliver a smoother, faster DigiStash experience. We will be back online shortly!
                    </p>
                  </div>

                  <!-- Status Progress Bar (Crisp Black Box) -->
                  <div class="text-box-card rounded-xl p-2.5 sm:p-3 space-y-1.5 mb-2 text-left font-mono text-xs max-w-xl mx-auto w-full flex-shrink-0">
                    <div class="flex justify-between items-center text-slate-400 text-[10px] sm:text-[11px]">
                      <span class="flex items-center gap-1.5 text-slate-200 font-semibold">
                        <span class="w-1.5 h-1.5 rounded-full bg-cyan-400 beacon-dot"></span>
                        Infrastructure & Security Optimization
                      </span>
                      <span class="text-cyan-400 font-bold">In Progress</span>
                    </div>
                    
                    <div class="w-full h-1.5 bg-white/10 rounded-full overflow-hidden p-0.5">
                      <div class="w-[86%] h-full rounded-full shimmer-progress shadow-[0_0_10px_rgba(0,229,255,0.5)]"></div>
                    </div>

                    <div class="flex justify-between items-center text-[10px] text-slate-400 font-mono pt-0.5">
                      <span>Endpoint: www.thedigistash.com</span>
                      <span class="text-amber-300">ETA: Very Shortly</span>
                    </div>
                  </div>

                  <!-- Explore All 12 DigiStash Ecosystem Tools Grid -->
                  <div class="flex-shrink-0 max-w-xl mx-auto w-full">
                    <span class="text-[9.5px] sm:text-[10px] font-mono text-slate-300 uppercase tracking-widest block mb-1.5 bg-black/70 px-2.5 py-0.5 rounded-md inline-block border border-white/10">
                      // Meanwhile, Explore Live DigiStash Ecosystem Tools:
                    </span>
                    <div class="grid grid-cols-4 sm:grid-cols-6 gap-1.5 sm:gap-2">
                                              <a href="https://www.thedigistash.com" target="_blank" class="ecosystem-card p-1.5 sm:p-2 rounded-lg text-white font-syne font-bold text-[10px] sm:text-[11px] flex flex-col items-center gap-0.5">
                          <span class="text-base sm:text-lg leading-tight">🛒</span>
                          <span class="tracking-tight truncate max-w-full text-center leading-tight">Store</span>
                        </a>
                                              <a href="https://freeimage.thedigistash.com" target="_blank" class="ecosystem-card p-1.5 sm:p-2 rounded-lg text-white font-syne font-bold text-[10px] sm:text-[11px] flex flex-col items-center gap-0.5">
                          <span class="text-base sm:text-lg leading-tight">🎨</span>
                          <span class="tracking-tight truncate max-w-full text-center leading-tight">FreeImage AI</span>
                        </a>
                                              <a href="https://freepdf.thedigistash.com" target="_blank" class="ecosystem-card p-1.5 sm:p-2 rounded-lg text-white font-syne font-bold text-[10px] sm:text-[11px] flex flex-col items-center gap-0.5">
                          <span class="text-base sm:text-lg leading-tight">📄</span>
                          <span class="tracking-tight truncate max-w-full text-center leading-tight">FreePDF</span>
                        </a>
                                              <a href="https://freeresume.thedigistash.com" target="_blank" class="ecosystem-card p-1.5 sm:p-2 rounded-lg text-white font-syne font-bold text-[10px] sm:text-[11px] flex flex-col items-center gap-0.5">
                          <span class="text-base sm:text-lg leading-tight">💼</span>
                          <span class="tracking-tight truncate max-w-full text-center leading-tight">FreeResume</span>
                        </a>
                                              <a href="https://freeqr.thedigistash.com" target="_blank" class="ecosystem-card p-1.5 sm:p-2 rounded-lg text-white font-syne font-bold text-[10px] sm:text-[11px] flex flex-col items-center gap-0.5">
                          <span class="text-base sm:text-lg leading-tight">🏁</span>
                          <span class="tracking-tight truncate max-w-full text-center leading-tight">FreeQR Pro</span>
                        </a>
                                              <a href="https://freebio.thedigistash.com" target="_blank" class="ecosystem-card p-1.5 sm:p-2 rounded-lg text-white font-syne font-bold text-[10px] sm:text-[11px] flex flex-col items-center gap-0.5">
                          <span class="text-base sm:text-lg leading-tight">🌿</span>
                          <span class="tracking-tight truncate max-w-full text-center leading-tight">FreeBio Pro</span>
                        </a>
                                              <a href="https://thedigistash.com/exact-kb-compressor" target="_blank" class="ecosystem-card p-1.5 sm:p-2 rounded-lg text-white font-syne font-bold text-[10px] sm:text-[11px] flex flex-col items-center gap-0.5">
                          <span class="text-base sm:text-lg leading-tight">🗜️</span>
                          <span class="tracking-tight truncate max-w-full text-center leading-tight">Compressor</span>
                        </a>
                                              <a href="https://thedigistash.com/transparent-signature" target="_blank" class="ecosystem-card p-1.5 sm:p-2 rounded-lg text-white font-syne font-bold text-[10px] sm:text-[11px] flex flex-col items-center gap-0.5">
                          <span class="text-base sm:text-lg leading-tight">✍️</span>
                          <span class="tracking-tight truncate max-w-full text-center leading-tight">Signature</span>
                        </a>
                                              <a href="https://thedigistash.com/passport-photo-maker" target="_blank" class="ecosystem-card p-1.5 sm:p-2 rounded-lg text-white font-syne font-bold text-[10px] sm:text-[11px] flex flex-col items-center gap-0.5">
                          <span class="text-base sm:text-lg leading-tight">📸</span>
                          <span class="tracking-tight truncate max-w-full text-center leading-tight">Passport Photo</span>
                        </a>
                                              <a href="https://freezip.thedigistash.com" target="_blank" class="ecosystem-card p-1.5 sm:p-2 rounded-lg text-white font-syne font-bold text-[10px] sm:text-[11px] flex flex-col items-center gap-0.5">
                          <span class="text-base sm:text-lg leading-tight">📦</span>
                          <span class="tracking-tight truncate max-w-full text-center leading-tight">FreeZip Pro</span>
                        </a>
                                              <a href="https://freerar.thedigistash.com" target="_blank" class="ecosystem-card p-1.5 sm:p-2 rounded-lg text-white font-syne font-bold text-[10px] sm:text-[11px] flex flex-col items-center gap-0.5">
                          <span class="text-base sm:text-lg leading-tight">🗃️</span>
                          <span class="tracking-tight truncate max-w-full text-center leading-tight">FreeRAR Unpack</span>
                        </a>
                                              <a href="https://thedigistash.com/studio/" target="_blank" class="ecosystem-card p-1.5 sm:p-2 rounded-lg text-white font-syne font-bold text-[10px] sm:text-[11px] flex flex-col items-center gap-0.5">
                          <span class="text-base sm:text-lg leading-tight">🎬</span>
                          <span class="tracking-tight truncate max-w-full text-center leading-tight">Creative Studio</span>
                        </a>
                                          </div>
                  </div>

                </div>
              </main>

              <!-- Footer with Crisp Dark Background Pill -->
              <footer class="w-full max-w-5xl mx-auto py-1 text-center relative z-10 flex-shrink-0">
                <div class="flex flex-col sm:flex-row items-center justify-between gap-1 text-[10.5px] font-mono text-slate-400 bg-black/70 border border-white/10 px-3 py-1 rounded-full">
                  <span>© 2026 DigiStash Vault • <a href="https://www.thedigistash.com" target="_blank" class="text-cyan-400 hover:underline">www.thedigistash.com</a> • Built for Creators</span>
                  <span class="inline-flex items-center gap-1.5 text-slate-300">
                    <span class="w-1.5 h-1.5 rounded-full bg-emerald-400"></span>
                    All Core Infrastructure Monitored 24/7
                  </span>
                </div>
              </footer>

              <script>
              (function() {
                'use strict';
                const video = document.getElementById('maintBgVideo');
                const soundBtn = document.getElementById('soundToggleBtn');
                if (!video) return;

                let needsAudioGesture = true;

                function setSoundLabel() {
                  if (!soundBtn) return;
                  soundBtn.textContent = video.muted ? '🔇 SOUND OFF' : '🔊 SOUND ON';
                  soundBtn.setAttribute('aria-label', video.muted ? 'Turn sound on' : 'Turn sound off');
                }

                async function playAudible(restart) {
                  try {
                    if (restart) { try { video.currentTime = 0; } catch (ignore) {} }
                    video.defaultMuted = false;
                    video.muted = false;
                    video.volume = 1;
                    await video.play();
                    needsAudioGesture = false;
                    setSoundLabel();
                    return true;
                  } catch (err) {
                    try {
                      video.defaultMuted = true;
                      video.muted = true;
                      await video.play();
                    } catch (e) {}
                    needsAudioGesture = true;
                    setSoundLabel();
                    return false;
                  }
                }

                playAudible(false);

                function unlockOnGesture() {
                  if (needsAudioGesture || video.muted) {
                    playAudible(false);
                  }
                  document.removeEventListener('click', unlockOnGesture);
                  document.removeEventListener('keydown', unlockOnGesture);
                  document.removeEventListener('touchstart', unlockOnGesture);
                }
                document.addEventListener('click', unlockOnGesture, { once: true });
                document.addEventListener('keydown', unlockOnGesture, { once: true });
                document.addEventListener('touchstart', unlockOnGesture, { once: true });

                if (soundBtn) {
                  soundBtn.addEventListener('click', async function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    if (needsAudioGesture || video.muted) {
                      await playAudible(false);
                      return;
                    }
                    video.muted = true;
                    setSoundLabel();
                  });
                }
              })();
              </script>
            </body>
            </html>
            