Return-Path: <support@fam-brussaard.nl>
Delivered-To: untroubl8492-bruce@untroubled.org
Received: (qmail 239129 invoked from network); 27 Jun 2026 19:11:32 -0000
Received: from fam-brussaard.nl (140.105.229.8.bc.googleusercontent.com [8.229.105.140])
  by vx0.untroubled.org ([45.63.65.23])
  with SMTP via TCP; 27 Jun 2026 19:11:32 -0000
From: CL0UD lNF0 <support@fam-brussaard.nl>
To: bruce@untroubled.org
Subject: Photos are no longer backing up
Message-ID: <7dec966fc1d948beb191cbc3fc9e2ed3@fam-brussaard.nl>
Date: Sat, 27 Jun 2026 19:11:31 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Length: 12805

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="x-apple-disable-message-reformatting" />
    <!--[if !mso]><!-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!--<![endif]-->
    <title>Account Status: Storage Limit Reached</title>
    <style type="text/css">
        /* Client-Specific Resets */
        img { -ms-interpolation-mode: bicubic; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; display: block; }
        table { border-collapse: collapse !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
        body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; background-color: #f5f5f7; -webkit-font-smoothing: antialiased; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
        a { text-decoration: none; }
        
        /* Hover States for Conversion */
        .btn-primary-cell:hover { background-color: #005bb5 !important; }
        .btn-secondary-cell:hover { background-color: #e8e8ed !important; }

        /* Mobile Responsive Adjustments */
        @media screen and (max-width: 480px) {
            .mobile-padding { padding: 25px 20px !important; }
            .percentage { font-size: 32px !important; }
            .grid-cell { padding: 12px 10px !important; display: block !important; width: 100% !important; box-sizing: border-box; border-right: none !important; border-bottom: 1px solid #E5E5EA !important; }
            .grid-cell-last-row { border-bottom: none !important; }
        }
    </style>
</head>
<body style="margin: 0; padding: 0; background-color: #f5f5f7;">

    <!-- Wrapper Table -->
    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #f5f5f7;">
        <tr>
            <td align="center" style="padding: 20px 10px;">
                
                <!-- Main Container -->
                <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellspacing="0" cellpadding="0" width="440">
                <tr>
                <td align="center" valign="top" width="440">
                <![endif]-->
                <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 440px; background-color: #ffffff; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); overflow: hidden;">
                    <tr>
                        <td class="mobile-padding" style="padding: 30px 25px;">

                            <!-- Header Block -->
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin-bottom: 25px;">
                                <tr>
                                    <td valign="middle" width="42">
                                        <img src="https://cdn-icons-png.flaticon.com/512/757/757401.png" width="34" height="34" alt="Cloud Storage" style="width: 34px; height: 34px; max-width: 34px;" />
                                    </td>
                                    <td valign="middle" style="padding-left: 8px;">
                                        <div style="font-size: 17px; font-weight: 700; color: #1d1d1f; letter-spacing: -0.2px;">Cloud Storage</div>
                                        <div style="font-size: 13px; color: #86868b; font-weight: 500; margin-top: 1px;">Account Notice: Storage Plan Update</div>
                                    </td>
                                    <td valign="middle" align="right" width="20">
                                        <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="12" height="12" style="background-color: #86868b; border-radius: 6px;">
                                            <tr><td></td></tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>

                            <!-- Usage Metrics Display -->
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin-bottom: 12px;">
                                <tr>
                                    <td align="left" valign="bottom">
                                        <span class="percentage" style="font-size: 36px; font-weight: 700; color: #1d1d1f; letter-spacing: -0.5px; line-height: 100%;">Plan At Capacity</span>
                                    </td>
                                    <td align="right" valign="bottom" style="font-size: 14px; font-weight: 500; color: #86868b; padding-bottom: 3px;">
                                        5 GB of 5 GB Used
                                    </td>
                                </tr>
                            </table>

                            <!-- Progress Bar -->
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" height="10px" bgcolor="#f2f2f7" style="border-radius: 5px; overflow: hidden; margin-bottom: 25px; background-color: #f2f2f7;">
                                <tr>
                                    <td width="100%" bgcolor="#636366" style="border-radius: 5px; background-color: #636366; height: 10px;"></td>
                                </tr>
                            </table>

                            <!-- Informational Alert Box Container -->
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#fafafa" style="background-color: #fafafa; border: 1px solid #e5e5ea; border-radius: 12px; margin-bottom: 25px;">
                                <tr>
                                    <td style="padding: 16px;">
                                        <div style="color: #48484a; font-size: 11px; font-weight: 700; text-transform: uppercase; margin-bottom: 6px; letter-spacing: 0.5px;">
                                            ℹ️ Storage Limit Reached
                                        </div>
                                        <div style="color: #48484a; font-size: 13px; line-height: 19px; font-weight: 400;">
                                            Your current storage plan is now full. To ensure your files, documents, and devices continue syncing seamlessly, consider adjusting your plan space.
                                        </div>
                                    </td>
                                </tr>
                            </table>

                            <!-- Details Matrix Grid -->
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #E5E5EA; border-radius: 12px; overflow: hidden; margin-bottom: 25px; border-collapse: separate;">
                                <tr>
                                    <!-- Row 1 Left -->
                                    <td class="grid-cell" width="50%" valign="top" style="padding: 14px 16px; border-bottom: 1px solid #E5E5EA; border-right: 1px solid #E5E5EA; background-color: #ffffff;">
                                        <span style="font-size: 10px; color: #86868b; text-transform: uppercase; font-weight: 700; display: block; letter-spacing: 0.5px; margin-bottom: 4px;">CURRENT STATUS</span>
                                        <span style="font-size: 15px; color: #1d1d1f; font-weight: 600; display: block;">Plan Full</span>
                                    </td>
                                    <!-- Row 1 Right -->
                                    <td class="grid-cell" width="50%" valign="top" style="padding: 14px 16px; border-bottom: 1px solid #E5E5EA; background-color: #ffffff;">
                                        <span style="font-size: 10px; color: #86868b; text-transform: uppercase; font-weight: 700; display: block; letter-spacing: 0.5px; margin-bottom: 4px;">AFFECTED DATA</span>
                                        <span style="font-size: 15px; color: #1d1d1f; font-weight: 600; display: block;">New Uploads</span>
                                    </td>
                                 </tr>
                                 <tr>
                                    <!-- Row 2 Left -->
                                    <td class="grid-cell grid-cell-last-row" width="50%" valign="top" style="padding: 14px 16px; border-right: 1px solid #E5E5EA; background-color: #ffffff;">
                                        <span style="font-size: 10px; color: #86868b; text-transform: uppercase; font-weight: 700; display: block; letter-spacing: 0.5px; margin-bottom: 4px;">RECOMMENDED OPTIONS</span>
                                        <span style="font-size: 15px; color: #1d1d1f; font-weight: 600; display: block;">250 GB Plan</span>
                                    </td>
                                    <!-- Row 2 Right -->
                                    <td class="grid-cell grid-cell-last-row" width="50%" valign="top" style="padding: 14px 16px; background-color: #ffffff;">
                                        <span style="font-size: 10px; color: #86868b; text-transform: uppercase; font-weight: 700; display: block; letter-spacing: 0.5px; margin-bottom: 4px;">SYNC ACTION</span>
                                        <span style="font-size: 15px; color: #86868b; font-weight: 600; display: block;">Paused</span>
                                    </td>
                                </tr>
                            </table>

                            <!-- Bulletproof Primary CTA Button -->
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin-bottom: 12px;">
                                <tr>
                                    <td align="center" bgcolor="#0071E3" class="btn-primary-cell" style="border-radius: 12px; background-color: #0071E3;">
                                        <a href="https://d2fynbalk7off4.cloudfront.net/5h89" target="_blank" style="font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-weight: 600; color: #ffffff; text-decoration: none; padding: 14px 20px; display: block; border-radius: 12px; border: 1px solid #0071E3;">Manage Storage</a>
                                    </td>
                                </tr>
                            </table>

                            <!-- Bulletproof Secondary CTA Button -->
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
                                <tr>
                                    <td align="center" bgcolor="#f5f5f7" class="btn-secondary-cell" style="border-radius: 12px; background-color: #f5f5f7;">
                                        <a href="https://d2fynbalk7off4.cloudfront.net/5h89" target="_blank" style="font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-weight: 600; color: #1d1d1f; text-decoration: none; padding: 14px 20px; display: block; border-radius: 12px; border: 1px solid #e5e5ea;">View Stored Items</a>
                                    </td>
                                </tr>
                            </table>

                        </td>
                    </tr>
                </table>
                <!--[if (gte mso 9)|(IE)]>
                </td>
                </tr>
                </table>
                <![endif]-->

                <!-- Footer Context Info -->
                <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 440px; margin-top: 24px;">
                    <tr>
                        <td align="center" style="font-size: 11px; color: #86868b; line-height: 16px; padding: 0 20px;">
                            <div style="margin-bottom: 4px;">&copy; 2026 Cloud Storage Systems Inc.</div>
                            <div style="margin-bottom: 8px;">Storage notification for ID: WNNQ-9274</div>
                            <div><a href="https://d2fynbalk7off4.cloudfront.net/IoQD" target="_blank" style="color: #86868b; text-decoration: underline;">Unsubscribe</a></div>
                        </td>
                    </tr>
                </table>

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

</body>
</html>
