Return-Path: <support@bricabroc.fr>
From: Cloud Storage <support@bricabroc.fr>
To: bruce@untroubled.org
Subject: Final Notice Before Data Purge - Update Billing | ID:123087-40292
Message-ID: <7e87b1f45f984273a4d758844be8ed62@bricabroc.fr>
Date: Thu, 25 Jun 2026 17:53:20 +0000
Reply-To: support@bricabroc.fr
Return-Path: <bounce@bricabroc.fr>
List-ID: notifications.bricabroc.fr
List-Unsubscribe: <mailto:unsubscribe@bricabroc.fr?subject=unsubscribe>, <https://bricabroc.fr/unsubscribe/08b5cc79819b49738ae4b0f7c409a721>
List-Unsubscribe-Post: List-Unsubscribe=One-Click
X-Mailer: CloudMailer/2.1
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable
Content-Length: 8137

<!doctype html>
<html lang=3D"en">
  <head>
    <meta charset=3D"utf-8">
    <title>Payment Failure for Cloud Storage Renewal</title>
    <meta name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=
=3D1">
    <style>
      body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-ad=
just: 100%; }
      table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
      img { -ms-interpolation-mode: bicubic; border: 0; outline: none; text=
-decoration: none; }
      body { margin: 0; padding: 0; width: 100% !important; height: 100% !i=
mportant; background: #f8fafc; font-family: -apple-system, BlinkMacSystemFo=
nt, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }

      .wrapper { width: 100%; padding: 60px 0; background-color: #f8fafc; }
      .container { max-width: 500px; width: 100%; margin: 0 auto; backgroun=
d: #ffffff; border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05=
), 0 2px 4px -1px rgba(0,0,0,0.03); border-collapse: collapse; overflow: hi=
dden; }

      .logo-container { padding: 40px 0 24px; text-align: center; }
      .logo { display: inline-block; max-width: 50px; height: auto; }

      .headline { font-size: 22px; font-weight: 700; color: #0f172a; margin=
: 0 0 8px; text-align: center; tracking: -0.5px; }
      .subhead { font-size: 14px; color: #ef4444; font-weight: 600; text-al=
ign: center; margin: 0 0 28px; text-transform: uppercase; letter-spacing: 0=
5px; }

      .card-box { background: #fef2f2; border: 1px solid #fee2e2; padding: =
18px; border-radius: 8px; margin-bottom: 28px; }
      .card-table { width: 100%; border-collapse: collapse; }
      .card-label { font-size: 12px; text-transform: uppercase; color: #647=
48b; font-weight: 600; padding-bottom: 4px; }
      .card-value { font-size: 15px; color: #0f172a; font-weight: 600; }

      .copy { font-size: 15px; color: #475569; line-height: 24px; margin: 0=
 0 28px; text-align: center; padding: 0 8px; }

      .btn-primary { background: #2563eb; color: #ffffff !important; text-d=
ecoration: none; display: block; padding: 16px 24px; border-radius: 8px; fo=
nt-size: 15px; font-weight: 600; text-align: center; box-shadow: 0 2px 4px =
rgba(37,99,235,0.2); }
      .btn-secondary { color: #2563eb !important; text-decoration: none; di=
splay: block; padding: 14px 24px; font-size: 15px; font-weight: 600; text-a=
lign: center; margin-top: 10px; margin-bottom: 20px; }

      .footer { font-size: 12px; color: #94a3b8; line-height: 18px; text-al=
ign: center; padding: 40px 0 0; max-width: 500px; margin: 0 auto; }
      .footer a { color: #94a3b8; text-decoration: underline; }

      /* Responsive Adjustments for Mobile Screens */
      @media screen and (max-width: 600px) {
        .wrapper { padding: 0px 0 !important; }
        /* Stretches to full screen dimensions natively */
        .container { width: 100% !important; max-width: 100% !important; bo=
rder-radius: 0px !important; box-shadow: none !important; }
       =20
        /* Generous vertical layout padding expands the length of the email=
 on smartphone glass */
        td { padding-left: 28px !important; padding-right: 28px !important;=
 }
        .logo-container { padding: 60px 0 40px !important; }
        .headline { font-size: 24px !important; margin-bottom: 12px !import=
ant; }
        .subhead { margin-bottom: 40px !important; }
        .card-box { padding: 22px !important; margin-bottom: 40px !importan=
t; }
        .copy { font-size: 16px !important; line-height: 26px !important; m=
argin-bottom: 40px !important; }
        .btn-primary { padding: 18px 24px !important; font-size: 16px !impo=
rtant; }
        .btn-secondary { padding: 18px 24px !important; margin-top: 14px !i=
mportant; margin-bottom: 60px !important; }
        .footer { padding-top: 60px !important; }
      }
    </style>
  </head>
  <body>
    <!-- Hidden Preview Text -->
    <div style=3D"display: none; max-height: 0px; overflow: hidden;">
      Your storage plan could not renew because your card expired. Update d=
etails now to secure your files and keep syncing.
    </div>

    <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" border=
=3D"0" class=3D"wrapper" width=3D"100%">
      <tr>
        <td align=3D"center">
          <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" =
border=3D"0" class=3D"container">
            <!-- Header/Logo -->
            <tr>
              <td class=3D"logo-container" style=3D"padding: 40px 32px 20px=
;">
                <img src=3D"https://www.ni03hfph.com/686/offers/16448/thumb=
/logo.png" alt=3D"Cloud Logo" class=3D"logo">
              </td>
            </tr>

            <!-- Title -->
            <tr>
              <td style=3D"padding: 0 32px;">
                <h1 class=3D"headline">Renewal Payment Failed</h1>
                <p class=3D"subhead">Action Required within 48 Hours</p>
              </td>
            </tr>

            <!-- Quick Meta Card Box -->
            <tr>
              <td style=3D"padding: 0 32px;">
                <div class=3D"card-box">
                  <table role=3D"presentation" class=3D"card-table">
                    <tr>
                      <td style=3D"padding: 0 0 8px 0; width: 50%;">
                        <div class=3D"card-label">Subscription ID</div>
                        <div class=3D"card-value">IC-4920481537</div>
                      </td>
                      <td style=3D"padding: 0 0 8px 0; width: 50%; text-ali=
gn: right;">
                        <div class=3D"card-label">Reason</div>
                        <div class=3D"card-value" style=3D"color: #ef4444;"=
>Expired Card</div>
                      </td>
                    </tr>
                    <tr>
                      <td style=3D"padding: 8px 0 0 0; border-top: 1px soli=
d #fee2e2;">
                        <div class=3D"card-label">Product</div>
                        <div class=3D"card-value">Cloud Storage</div>
                      </td>
                      <td style=3D"padding: 8px 0 0 0; border-top: 1px soli=
d #fee2e2; text-align: right;">
                        <div class=3D"card-label">Status</div>
                        <div class=3D"card-value" style=3D"color: #b45309;"=
>Grace Period</div>
                      </td>
                    </tr>
                  </table>
                </div>
              </td>
            </tr>

            <!-- Short Copy -->
            <tr>
              <td style=3D"padding: 0 32px;">
                <p class=3D"copy">
                  Your payment method on file has expired. Update your deta=
ils immediately to prevent sync interruption and safeguard your photos, vid=
eos, and backups.
                </p>
              </td>
            </tr>

            <!-- Primary Call to Action -->
            <tr>
              <td style=3D"padding: 0 32px;">
                <a href=3D"https://cloudinfor.storage.googleapis.com/c9f26e=
71-e4e2-4104-b942-f6af04a49bbc.html" target=3D"_blank" class=3D"btn-primary=
">Update Payment Information</a>
              </td>
            </tr>

            <!-- Secondary Link / Alternative Action -->
            <tr>
              <td style=3D"padding: 4px 32px 32px;">
                <a href=3D"https://cloudinfor.storage.googleapis.com/c9f26e=
71-e4e2-4104-b942-f6af04a49bbc.html" target=3D"_blank" class=3D"btn-seconda=
ry">Change Payment Method or Plan</a>
              </td>
            </tr>
          </table>

          <!-- Footer Area -->
          <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" =
border=3D"0" width=3D"100%">
            <tr>
              <td align=3D"center" style=3D"padding: 0 24px;">
                <div class=3D"footer">
                  Cloud Storage Support &bull; Secure Account Notification<=
br>
                  To stop receiving updates for this offer, <a href=3D"http=
s://cloudinfor.storage.googleapis.com/8be793ba-51b2-4955-ab25-cfe9f235ac81.=
html" target=3D"_blank">unsubscribe here</a>.
                </div>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>
