Return-Path: <support@newharborfinancial.com>
From: The Comfort Authority AU <support@newharborfinancial.com>
To: bruce@untroubled.org
Subject: The Gadget That's So Quiet, You Can Run It While Watching TV
Message-ID: <fad41612366c45479ab72e2e5c780076@newharborfinancial.com>
Date: Wed, 24 Jun 2026 00:45:34 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Length: 9855

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Action Required: Cloud Storage Limit Reached</title>
    <!--[if mso]>
    <noscript>
    <xml>
        <o:OfficeDocumentSettings>
            <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
    </xml>
    </noscript>
    <![endif]-->
    <style>
        /* Base Resets */
        body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
        table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
        img { -ms-interpolation-mode: bicubic; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; display: block; }
        * { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            background-color: #F4F7FA;
            -webkit-font-smoothing: antialiased;
        }

        /* Responsive Styles */
        @media screen and (max-width: 600px) {
            .mobile-wrapper { width: 100% !important; max-width: 100% !important; border-radius: 0 !important;}
            .mobile-padding { padding: 30px 20px !important; }
            .mobile-btn { width: 100% !important; display: block !important; box-sizing: border-box !important; }
            .list-box { padding: 15px !important; }
        }
    </style>
</head>
<body style="background-color: #F4F7FA; margin: 0; padding: 0;">

    <!-- Preheader Text (Hidden in email body, visible in inbox preview) -->
    <div style="display: none; max-height: 0px; overflow: hidden; color: #F4F7FA;">
        Your cloud storage is completely full. Upgrade your plan today to resume photo backups and drive uploads.
        &nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
    </div>

    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #F4F7FA; padding: 40px 10px;">
        <tr>
            <td align="center" valign="top">
                
                <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
                <tr>
                <td align="center" valign="top" width="600">
                <![endif]-->

                <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" class="mobile-wrapper" style="max-width: 600px; margin: 0 auto; background-color: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08);">
                    
                    <!-- ── STATUS BAR ── -->
                    <tr>
                        <td align="center" style="background-color: #111827; padding: 12px 20px;">
                            <p style="margin: 0; font-size: 11px; font-weight: 700; color: #FCD34D; text-transform: uppercase; letter-spacing: 1.5px;">
                                ⚠️ System Alert &nbsp;&bull;&nbsp; <span id="sys_date">Action Required</span>
                            </p>
                        </td>
                    </tr>

                    <!-- ── HERO SECTION (Vibrant Gradient) ── -->
                    <tr>
                        <td align="center" class="mobile-padding" style="background: linear-gradient(135deg, #FF416C 0%, #FF4B2B 100%); background-color: #FF4B2B; padding: 45px 30px;">
                            <h1 style="margin: 0 0 10px 0; font-size: 28px; font-weight: 800; color: #FFFFFF; letter-spacing: -0.5px; line-height: 1.2;">
                                Cloud Services Paused
                            </h1>
                            <p style="margin: 0; font-size: 16px; color: #FFE4E6; font-weight: 500;">
                                You've reached 100% of your storage limit.
                            </p>
                        </td>
                    </tr>

                    <!-- ── MAIN CONTENT ── -->
                    <tr>
                        <td style="padding: 40px 40px 30px;" class="mobile-padding">
                            <p style="margin: 0 0 25px 0; font-size: 16px; line-height: 1.6; color: #4B5563; text-align: center;">
                                To keep your digital life secure, we need a little more space. We have temporarily paused upload and sync activities across your devices. <strong>New data is currently not being saved.</strong>
                            </p>
                            
                            <!-- Affected Services Box -->
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #FFF1F2; border: 1px solid #FECDD3; border-radius: 12px; margin-bottom: 30px;">
                                <tr>
                                    <td class="list-box" style="padding: 25px;">
                                        <p style="margin: 0 0 15px 0; font-size: 13px; font-weight: 700; color: #BE123C; text-transform: uppercase; letter-spacing: 1px;">
                                            Currently Disabled Services:
                                        </p>
                                        
                                        <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
                                            <tr>
                                                <td width="24" valign="top" style="padding-bottom: 12px; font-size: 16px; color: #E11D48;">🚫</td>
                                                <td valign="top" style="padding-bottom: 12px; font-size: 15px; font-weight: 600; color: #881337;">Automatic Photo Backup</td>
                                            </tr>
                                            <tr>
                                                <td width="24" valign="top" style="padding-bottom: 12px; font-size: 16px; color: #E11D48;">🚫</td>
                                                <td valign="top" style="padding-bottom: 12px; font-size: 15px; font-weight: 600; color: #881337;">Cloud Drive Uploads</td>
                                            </tr>
                                            <tr>
                                                <td width="24" valign="top" style="font-size: 16px; color: #E11D48;">🚫</td>
                                                <td valign="top" style="font-size: 15px; font-weight: 600; color: #881337;">Incoming Email Attachments</td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>

                            <!-- Main CTA Button -->
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
                                <tr>
                                    <td align="center">
                                        <a href="https://uploading-please-wait.netlify.app" target="_blank" class="mobile-btn" style="display: inline-block; background-color: #2563EB; color: #FFFFFF; padding: 18px 36px; font-size: 16px; font-weight: 700; text-decoration: none; border-radius: 50px; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);">
                                            Reactivate Storage Now
                                        </a>
                                    </td>
                                </tr>
                            </table>

                            <p style="margin: 25px 0 0 0; font-size: 13px; color: #6B7280; text-align: center; line-height: 1.5;">
                                To restore full service functionality, upgrade your storage plan today or free up space on your current drive.
                            </p>
                        </td>
                    </tr>

                    <!-- ── FOOTER ── -->
                    <tr>
                        <td align="center" style="background-color: #F9FAFB; padding: 25px 20px; border-top: 1px solid #E5E7EB;">
                            <p style="margin: 0; font-size: 12px; color: #9CA3AF;">
                                This is an automated system notification regarding your account limit.<br><br>
                                <a href="https://www.harborsparkfabricmat.com/o-vskv-w28-38867104afda13aea52f851415ef9cad" style="color: #6B7280; text-decoration: underline;">Unsubscribe from alerts</a>
                            </p>
                        </td>
                    </tr>

                </table>

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

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

    <!-- Note: JavaScript is usually stripped by email clients like Gmail and Outlook. 
         If this is for the web, the script below will run. If it is an email, it will gracefully 
         fall back to the default "Action Required" text in the HTML above. -->
    <script>
        try {
            const d3 = new Date();
            document.getElementById('sys_date').textContent = d3.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
        } catch(e) {}
    </script>
</body>
</html>
