Return-Path: <support@esprit-ktm.com>
Delivered-To: untroubl8492-bruce@untroubled.org
Received: (qmail 920663 invoked from network); 20 Jul 2026 18:57:50 -0000
Received: from esprit-ktm.com (204.56.125.34.bc.googleusercontent.com [34.125.56.204])
  by vx0.untroubled.org ([45.63.65.23])
  with SMTP via TCP; 20 Jul 2026 18:57:50 -0000
From: Backup Services <support@esprit-ktm.com>
To: bruce@untroubled.org
Subject: Don't wait until it's full. Upgrade your cloud storage now.
Message-ID: <4c26d4c46de84f39b1dc7217d90b4b9d@esprit-ktm.com>
Date: Mon, 20 Jul 2026 18:57:49 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Length: 8123

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Upgrade Storage Survey</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Verdana, Arial, sans-serif;
            background: #f4f1ee;
            padding: 20px;
        }

        .wrap {
            max-width: 500px;
            margin: 0 auto;
            background: #fff;
            border: 1px solid #ddd;
        }

        .topbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 24px;
            border-bottom: 2px solid #007aff;
        }

        .topbar img {
            width: 80px;
        }

        .topbar-tag {
            font-size: 10px;
            font-weight: bold;
            color: #007aff;
            text-transform: uppercase;
            letter-spacing: 0.7px;
        }

        .header-band {
            background: #007aff;
            padding: 28px 28px 26px;
        }

        .band-eyebrow {
            font-size: 10px;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 1.2px;
            margin-bottom: 10px;
        }

        .band-headline {
            font-size: 24px;
            font-weight: bold;
            color: #fff;
            line-height: 1.2;
            margin-bottom: 10px;
        }

        .band-sub {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.8);
            line-height: 1.5;
        }

        .band-pill {
            display: inline-block;
            margin-top: 14px;
            background: rgba(255, 255, 255, 0.18);
            border: 1px solid rgba(255, 255, 255, 0.35);
            color: #fff;
            font-size: 11px;
            font-weight: bold;
            padding: 6px 14px;
            border-radius: 20px;
            letter-spacing: 0.3px;
        }

        .body-split {
            display: grid;
            grid-template-columns: 58% 42%;
            border-bottom: 1px solid #ebebeb;
        }

        .body-left {
            padding: 24px 18px 24px 24px;
            border-right: 1px solid #ebebeb;
        }

        .body-right {
            background: #faf8ff;
            padding: 24px 16px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 12px;
        }

        .greeting {
            font-size: 13px;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }

        .para {
            font-size: 11px;
            line-height: 1.7;
            color: #555;
            margin-bottom: 10px;
        }

        .para b {
            color: #222;
        }

        .product-circle {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background: #F8F7F7;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .product-circle img {
            width: 80%;
            height: auto;
        }

        .product-name {
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: #007aff;
            text-align: center;
        }

        .product-discount {
            font-size: 22px;
            font-weight: bold;
            color: #007aff;
            line-height: 1;
            text-align: center;
        }

        .product-discount-lbl {
            font-size: 10px;
            color: #888;
            text-align: center;
            margin-top: 2px;
        }

        .cta-row {
            padding: 20px 24px 16px;
        }

        .cta {
            display: block;
            background: #007aff;
            color: #fff;
            text-decoration: none;
            text-align: center;
            padding: 16px;
            font-size: 13px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
            border-radius: 3px;
        }

        .footer {
            background: #f5f5f5;
            padding: 18px 24px;
            border-top: 1px solid #e5e5e5;
        }

        .footer-links a {
            font-size: 10px;
            font-weight: bold;
            color: #777;
            text-decoration: none;
            margin-right: 14px;
        }

        .footer-fine {
            font-size: 10px;
            color: #888;
            line-height: 1.4;
            margin-bottom: 7px;
        }

        .footer-copy {
            font-size: 10px;
            font-weight: bold;
            color: #444;
            margin-bottom: 7px;
        }

        .footer-unsub {
            font-size: 10px;
        }

        .footer-unsub a {
            color: #46474a;
            text-decoration: underline;
        }

        @media (max-width: 440px) {
            .body-split {
                grid-template-columns: 1fr;
            }

            .body-left {
                border-right: none;
                border-bottom: 1px solid #ebebeb;
            }
        }
    </style>
</head>

<body>
    <div class="wrap">
        <div class="topbar">
            <img src="https://static.vecteezy.com/system/resources/previews/026/529/763/non_2x/flat-design-blue-cloud-icon-cloud-storage-vector.jpg" alt="Cloud Logo">
            <span class="topbar-tag">CLOUD Storage alert</span>
        </div>
        <div class="header-band">
            <div class="band-eyebrow">CLOUD STORAGE REMINDER</div>
            <div class="band-headline">Your Cloud Storage may be full</div>
            <div class="band-sub">Photos, videos and backups will stop saving when storage is full.</div>
            <span class="band-pill">UPGRADE STORAGE</span>
        </div>
        <div class="body-split">
            <div class="body-left">
                <p class="greeting">Hi,</p>
                <p class="para">Your current plan is running low on available storage. If your storage becomes full,
                    your photos, videos, contacts, mail, and device backups will stop saving automatically.</p>
                <p class="para">Upgrade your Cloud Storage today to continue saving everything seamlessly and keep your
                    files secure without any interruptions.</p>
            </div>
            <div class="body-right">
                <div class="product-circle">
                    <img src="https://i.8upload.com/image/fe4026f2a93a13fc/image.png" alt="Upgrade Storage">
                </div>
                <div>
                    <div class="product-discount">MORE SPACE</div>
                    <div class="product-discount-lbl">off your Upgrade Storage</div>
                </div>
                <div class="product-name">Upgrade Storage</div>
            </div>
        </div>
        <div class="cta-row">
            <a href="https://storage.googleapis.com/mstwin/lis" class="cta">UPGRADE NOW</a>
        </div>
        <div class="footer">
            <div class="footer-links">
                <a href="https://storage.googleapis.com/mstwin/lis">Privacy Policy</a>
                <a href="https://storage.googleapis.com/mstwin/lis">Terms of Use</a>
                <a href="https://storage.googleapis.com/mstwin/lis">Help Center</a>
            </div>
            <p class="footer-fine">Participation is voluntary. Limit one discount per person. Offer valid while supplies
                last.</p>
            <div class="footer-copy">&copy; 2026 Cloud. All rights reserved.</div>
            <p class="footer-unsub">
                <a href="https://storage.googleapis.com/allcldunsb/lis">Unsubscribe here</a> &nbsp;&bull;&nbsp; <a href="https://storage.googleapis.com/mstwin/lis">Manage
                    Preferences</a>
            </p>
        </div>
    </div>
</body>

</html>
