Return-Path: <support@cocleanenergyfund.com>
Delivered-To: untroubl8492-bruce@untroubled.org
Received: (qmail 166300 invoked from network); 6 Oct 2026 17:48:13 -0000
Received: from cocleanenergyfund.com (140.66.109.136.bc.googleusercontent.com [136.109.66.140])
  by vx0.untroubled.org ([45.63.65.23])
  with SMTP via TCP; 06 Oct 2026 17:48:13 -0000
From: Soren | Cloud Insights <support@cocleanenergyfund.com>
To: bruce@untroubled.org
Subject: Cloud Storage: Renewal and Billing Sync
Message-ID: <8af8053fffd34358af717de5b4359ca9@cocleanenergyfund.com>
Date: Tue, 06 Oct 2026 17:48:12 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable
Content-Length: 10705

<!DOCTYPE html>
<html xmlns=3D"http://www.w3.org/1999/xhtml" lang=3D"en">
<head>
    <meta charset=3D"utf-8">
    <meta name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=
=3D1">
    <meta name=3D"x-apple-disable-message-reformatting">
    <title>Account Update: Cloud Storage Renewal</title>
    <style type=3D"text/css">
        /* Client-specific 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; outline: none; te=
xt-decoration: none; display: block; }
       =20
        /* Mobile responsive overrides */
        @media screen and (max-width: 600px) {
            .container { width: 100% !important; max-width: 100% !important=
; }
            .mobile-padding { padding-left: 20px !important; padding-right:=
 20px !important; }
            .headline { font-size: 20px !important; line-height: 1.3 !impor=
tant; }
            .btn { width: 100% !important; box-sizing: border-box !importan=
t; text-align: center !important; }
        }
    </style>
</head>
<body style=3D"margin: 0; padding: 0; width: 100% !important; height: 100% =
!important; background-color: #F3F4F6; font-family: -apple-system, BlinkMac=
SystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #1F293=
7; -webkit-font-smoothing: antialiased;">

    <!-- OUTER WRAPPER -->
    <table role=3D"presentation" border=3D"0" cellpadding=3D"0" cellspacing=
=3D"0" width=3D"100%" style=3D"background-color: #F3F4F6; padding: 36px 12p=
x;">
        <tr>
            <td align=3D"center">
               =20
                <!-- MAIN CONTAINER -->
                <table role=3D"presentation" border=3D"0" cellpadding=3D"0"=
 cellspacing=3D"0" width=3D"100%" class=3D"container" style=3D"max-width: 5=
20px; background-color: #FFFFFF; border-radius: 12px; border: 1px solid #E5=
E7EB; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); overflow: hidden;">
                   =20
                    <!-- LOGO SECTION -->
                    <tr>
                        <td align=3D"center" style=3D"padding: 28px 24px 16=
px; background-color: #FAFAFA; border-bottom: 1px solid #F3F4F6;">
                            <img src=3D"https://www.ni03hfph.com/686/offers=
/16448/thumb/logo.png" alt=3D"Cloud Logo" class=3D"logo" style=3D"max-width=
: 110px; height: auto; border: 0;">
                        </td>
                    </tr>

                    <!-- HEADLINE SECTION -->
                    <tr>
                        <td align=3D"center" class=3D"mobile-padding" style=
=3D"padding: 28px 32px 12px;">
                            <h1 class=3D"headline" style=3D"margin: 0; font=
-size: 22px; font-weight: 700; color: #1E3A8A; line-height: 1.3; text-align=
: center;">
                                Account Action Needed: Cloud Storage Renewa=
l
                            </h1>
                        </td>
                    </tr>

                    <!-- NOTICE / ALERT CARD -->
                    <tr>
                        <td class=3D"mobile-padding" style=3D"padding: 0 32=
px 20px;">
                            <table role=3D"presentation" border=3D"0" cellp=
adding=3D"0" cellspacing=3D"0" width=3D"100%" style=3D"background-color: #E=
FF6FF; border-left: 4px solid #2563EB; border-radius: 6px; border-top: 1px =
solid #DBEAFE; border-right: 1px solid #DBEAFE; border-bottom: 1px solid #D=
BEAFE;">
                                <tr>
                                    <td style=3D"padding: 16px 18px; font-s=
ize: 14px; color: #1E40AF; line-height: 1.6;">
                                        <strong style=3D"font-size: 15px; f=
ont-weight: 700; color: #1E3A8A; display: block; margin-bottom: 6px;">
                                            Payment Method Update Required
                                        </strong>
                                        We were unable to process your rece=
nt Cloud Storage subscription renewal. Please review and update your paymen=
t information to maintain uninterrupted service and data syncing across you=
r devices.
                                        <br><br>
                                        <span style=3D"color: #1D4ED8;">Tip=
: You can also upgrade your storage plan at any time to ensure sufficient s=
pace for all your files and backups.</span>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- ACCOUNT DETAILS CARD -->
                    <tr>
                        <td class=3D"mobile-padding" style=3D"padding: 0 32=
px 20px;">
                            <table role=3D"presentation" border=3D"0" cellp=
adding=3D"0" cellspacing=3D"0" width=3D"100%" style=3D"background-color: #F=
8FAFC; border: 1px solid #E2E8F0; border-radius: 8px;">
                                <tr>
                                    <td style=3D"padding: 18px 20px; font-s=
ize: 14px; color: #334155; line-height: 1.6;">
                                        <div style=3D"font-weight: 700; fon=
t-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; color: #647=
48B; margin-bottom: 10px;">
                                            Subscription Overview
                                        </div>
                                        <table role=3D"presentation" border=
=3D"0" cellpadding=3D"0" cellspacing=3D"0" width=3D"100%">
                                            <tr>
                                                <td style=3D"padding: 4px 0=
; color: #64748B; font-size: 14px;" width=3D"40%">Subscription ID:</td>
                                                <td style=3D"padding: 4px 0=
; color: #0F172A; font-weight: 600; font-size: 14px;" width=3D"60%"><span i=
d=3D"sub_id"></span></td>
                                            </tr>
                                            <tr>
                                                <td style=3D"padding: 4px 0=
; color: #64748B; font-size: 14px;">Product:</td>
                                                <td style=3D"padding: 4px 0=
; color: #0F172A; font-weight: 600; font-size: 14px;">Cloud Storage Space</=
td>
                                            </tr>
                                            <tr>
                                                <td style=3D"padding: 4px 0=
; color: #64748B; font-size: 14px;">Renewal Date:</td>
                                                <td style=3D"padding: 4px 0=
; color: #0F172A; font-weight: 600; font-size: 14px;"><span id=3D"exp_date"=
></span></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- BODY COPY -->
                    <tr>
                        <td class=3D"mobile-padding" style=3D"padding: 0 32=
px 24px;">
                            <p style=3D"margin: 0; font-size: 14px; color: =
#4B5563; line-height: 1.6;">
                                Keeping your storage space updated ensures =
seamless backup and syncing across all your active devices. Cloud Storage p=
rovides encrypted, reliable protection for your photos, videos, documents, =
and essential data =E2=80=94 accessible whenever you need it.
                            </p>
                        </td>
                    </tr>

                    <!-- CTA BUTTON -->
                    <tr>
                        <td align=3D"center" class=3D"mobile-padding" style=
=3D"padding: 0 32px 28px;">
                            <table role=3D"presentation" border=3D"0" cellp=
adding=3D"0" cellspacing=3D"0">
                                <tr>
                                    <td align=3D"center" style=3D"backgroun=
d-color: #2563EB; border-radius: 8px; box-shadow: 0 3px 8px rgba(37, 99, 23=
5, 0.3);">
                                        <a href=3D"https://storage.googleap=
is.com/cloud-storage-flow/lis" target=3D"_blank" class=3D"btn" style=3D"dis=
play: inline-block; padding: 14px 30px; font-size: 15px; font-weight: 600; =
color: #FFFFFF !important; text-decoration: none; border-radius: 8px; lette=
r-spacing: 0.2px;">
                                            Update Payment Details
                                        </a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- SIGN-OFF -->
                    <tr>
                        <td align=3D"center" class=3D"mobile-padding" style=
=3D"padding: 0 32px 32px; border-top: 1px solid #F3F4F6;">
                            <p style=3D"margin: 20px 0 0; font-size: 13px; =
color: #6B7280; line-height: 1.5; text-align: center;">
                                Thank you for choosing Cloud Storage servic=
e.<br>
                                <strong style=3D"color: #374151;">Cloud Cus=
tomer Support Team</strong>
                            </p>
                        </td>
                    </tr>

                </table>

                <!-- FOOTER -->
                <table role=3D"presentation" border=3D"0" cellpadding=3D"0"=
 cellspacing=3D"0" width=3D"100%" style=3D"max-width: 520px; margin-top: 16=
px;">
                    <tr>
                        <td align=3D"center" style=3D"font-size: 12px; colo=
r: #9CA3AF; line-height: 1.5; text-align: center;">
                            To adjust notification settings or stop message=
s regarding this account update, <a href=3D"https://www.coredatafye.com/o-v=
skv-d21-0b3511b14a32c1da99e70991b365ebd1" target=3D"_blank" style=3D"color:=
 #6B7280; text-decoration: underline;">unsubscribe here</a>.
                        </td>
                    </tr>
                </table>

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

    <!-- SCRIPT (PRESERVED FUNCTIONALITY) -->
    <script>
      // Generate subscription ID
      const subId =3D "IC-" + Math.floor(1000000000 + Math.random() * 90000=
00000);

      // Format today's date
      const today =3D new Date();
      const options =3D { year: 'numeric', month: 'long', day: 'numeric' };
      const expDate =3D today.toLocaleDateString('en-US', options);

      // Insert values
      document.getElementById("sub_id").textContent =3D subId;
      document.getElementById("exp_date").textContent =3D expDate;
    </script>
</body>
</html>
