Shipped — Product Update Maintenance

<main class="sp-wrap"><div class="sp-card">
  <span class="sp-badge">🚀 Shipping v3.0</span>
  <h1 class="sp-h1">We're deploying something new</h1>
  <p class="sp-lead">TaskForge is updating to version 3.0 right now. We'll be back online in a few minutes — here's a sneak peek at what's landing.</p>
  <div class="sp-progress" role="img" aria-label="Deploy 84% complete"><div class="sp-bar" style="width:84%"></div></div>
  <p class="sp-pct">Deploying… 84%</p>
  <ul class="sp-changelog">
    <li><span class="sp-tag sp-new">New</span> Real-time collaborative boards</li>
    <li><span class="sp-tag sp-imp">Improved</span> 3× faster search across projects</li>
    <li><span class="sp-tag sp-fix">Fixed</span> Calendar sync edge cases</li>
  </ul>
  <p class="sp-help">Questions? <a href="mailto:hello@taskforge.app">hello@taskforge.app</a> · <a href="#">Read the full changelog</a></p>
  <footer class="sp-foot"><span class="x-by">Powered by <a href="https://convertatlas.org" rel="noopener">convertatlas.org</a></span></footer>
</div></main>

*{box-sizing:border-box}
.sp-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 20px;background:radial-gradient(70% 50% at 50% 0%,#dbeafe,#f8fafc);color:#0f172a;font-family:'Inter',system-ui,sans-serif}
.sp-card{width:100%;max-width:540px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:34px 32px;box-shadow:0 16px 50px rgba(37,99,235,.12)}
.sp-badge{display:inline-block;padding:7px 16px;border-radius:999px;font-size:.82rem;font-weight:700;color:#1d4ed8;background:#dbeafe;margin-bottom:18px}
.sp-h1{font-family:'Sora',sans-serif;font-weight:800;font-size:1.7rem;line-height:1.15;margin:0 0 12px}
.sp-lead{color:#64748b;font-size:1.02rem;line-height:1.6;margin:0 0 22px}
.sp-progress{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.sp-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4);transition:width .4s}
.sp-pct{font-size:.84rem;color:#64748b;margin:10px 0 24px}
.sp-changelog{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:12px}
.sp-changelog li{display:flex;align-items:center;gap:11px;font-size:.96rem;color:#334155}
.sp-tag{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:4px 9px;border-radius:7px;flex:none}
.sp-new{color:#15803d;background:#dcfce7}.sp-imp{color:#1d4ed8;background:#dbeafe}.sp-fix{color:#b45309;background:#fef3c7}
.sp-help{font-size:.9rem;color:#64748b;margin:0}.sp-help a{color:#2563eb;font-weight:600;text-decoration:none}.sp-help a:hover{text-decoration:underline}
.sp-foot{text-align:center;margin-top:24px;padding-top:18px;border-top:1px solid #eef2f6}
.x-by{font-size:.82rem;color:#94a3b8}.x-by a{color:#2563eb;text-decoration:none;font-weight:600}.x-by a:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.sp-bar{transition:none}}