Return-Path: <support@kmspiel.de>
Delivered-To: untroubl8492-bruce@untroubled.org
Received: (qmail 2518094 invoked from network); 11 Apr 2026 16:38:42 -0000
Received: from kmspiel.de (70.82.114.136.bc.googleusercontent.com [136.114.82.70])
  by vx0.untroubled.org ([45.63.65.23])
  with SMTP via TCP; 11 Apr 2026 16:38:42 -0000
From: Storage Update<support@kmspiel.de>
To: bruce@untroubled.org
Subject: Unable to upload: Limit reached
Message-ID: <0f7dfcc3cc144fc6a15f48b384e0e5da@kmspiel.de>
Date: Sat, 11 Apr 2026 16:38:42 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Length: 8499

﻿<!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" />
    <title>Storage Warning</title>
    <style type="text/css">
        /* Reset and Base */
        body {
            margin: 0;
            padding: 0;
            background-color: #F2F2F7;
            /* Apple System Gray Background */
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
        }

        .wrapper {
            width: 100%;
            padding: 40px 0;
            background-color: #F2F2F7;
        }

        /* The Main "Card" */
        .container {
            max-width: 400px;
            width: 100%;
            margin: 0 auto;
            background-color: #ffffff;
            border-radius: 20px;
            /* iOS Card Radius */
            padding: 30px;
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
        }

        /* Header */
        .header-table {
            width: 100%;
            margin-bottom: 20px;
        }

        .logo-text {
            font-size: 19px;
            font-weight: 600;
            color: #1d1d1f;
            letter-spacing: -0.5px;
        }

        /* NEW: Alert Text Styles */
        .alert-section {
            margin-bottom: 25px;
            text-align: center;
            /* Centered for the title */
        }

        .alert-headline {
            font-size: 18px;
            font-weight: 700;
            color: #1d1d1f;
            margin-bottom: 12px;
        }

        .alert-body {
            font-size: 14px;
            line-height: 1.5;
            color: #424245;
            text-align: left;
            /* Left align body text for readability */
            margin-bottom: 12px;
        }

        .alert-urgent {
            font-size: 14px;
            line-height: 1.5;
            color: #1d1d1f;
            font-weight: 600;
            text-align: left;
        }

        /* Hero / Info Box */
        .info-box {
            background-color: #f5f5f7;
            border-radius: 16px;
            padding: 24px 20px;
            margin-bottom: 30px;
            text-align: center;
        }

        .plan-title {
            font-size: 11px;
            color: #86868b;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 8px;
            letter-spacing: 0.5px;
        }

        .plan-size {
            font-size: 52px;
            color: #1d1d1f;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 8px;
            letter-spacing: -1.5px;
        }

        .plan-sub {
            font-size: 15px;
            color: #1d1d1f;
            line-height: 1.4;
        }

        /* iOS Style List/Grid */
        .grid-container {
            border: 1px solid #e5e5ea;
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 30px;
        }

        .grid-header {
            background-color: #f9f9fa;
            padding: 12px 16px;
            font-size: 11px;
            font-weight: 600;
            color: #86868b;
            text-transform: uppercase;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #e5e5ea;
        }

        .grid-row {
            display: flex;
            padding: 16px;
            background-color: #fff;
            align-items: center;
            border-bottom: 1px solid #e5e5ea;
        }

        .grid-row:last-child {
            border-bottom: none;
        }

        .col-label {
            width: 40%;
            font-size: 15px;
            font-weight: 500;
            color: #1d1d1f;
        }

        .col-curr {
            width: 30%;
            font-size: 15px;
            color: #86868b;
            text-decoration: line-through;
            text-align: center;
        }

        .col-new {
            width: 30%;
            font-size: 15px;
            color: #0071E3;
            font-weight: 600;
            text-align: right;
        }

        /* Apple "Pill" Button */
        .btn-primary {
            display: block;
            width: 100%;
            background-color: #0071E3;
            color: #ffffff;
            text-align: center;
            padding: 15px 0;
            border-radius: 50px;
            /* Pill Shape */
            text-decoration: none;
            font-size: 17px;
            font-weight: 600;
            margin-bottom: 15px;
            transition: background-color 0.2s;
        }

        .btn-primary:hover {
            background-color: #0077ed;
        }

        /* Footer */
        .footer {
            text-align: center;
            margin-top: 20px;
            font-size: 12px;
            color: #86868b;
        }

        .footer a {
            color: #86868b;
            text-decoration: underline;
        }
    </style>
</head>

<body>

    <div class="wrapper">
        <div class="container">

            <!-- Header -->
            <table class="header-table">
                <tr>
                    <td width="40" valign="middle">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/ICloud_logo.svg/1200px-ICloud_logo.svg.png" width="36" height="auto" alt="Cloud" style="display:block;">
                    </td>
                    <td valign="middle">
                        <div class="logo-text">Cloud Storage</div>
                    </td>
                    <td align="right" valign="middle">
                        <img src="https://tampabayscouting.org/wp-content/uploads/2020/04/red-exclamation-point-png-16.png" width="22" height="auto" alt="Alert" style="display:block;">
                    </td>
                </tr>
            </table>

            <!-- INSERTED ALERT TEXT -->
            <div class="alert-section">
                <div class="alert-headline">Warning! Your Cloud Storage Is Full.</div>
                <div class="alert-body">
                    Because you've exceeded your storage plan, your documents, contacts, and device data are no longer
                    backing up to Cloud and your photos and videos are not uploading to Cloud Photos. Cloud Drive and
                    Cloud-enabled apps are not updating across your devices.
                </div>
                <div class="alert-urgent">
                    Your data will be lost without security protection if no urgent action is taken.
                </div>
            </div>
            <!-- END INSERTED ALERT TEXT -->

            <!-- Hero Box -->
            <div class="info-box">
                <div class="plan-title">Recommendation</div>
                <div class="plan-size">250 GB</div>
                <div class="plan-sub">Unlock space for <strong>10,000+ Photos</strong></div>
            </div>

            <!-- Comparison Grid (iOS Style) -->
            <div class="grid-container">
                <div class="grid-header">
                    <span style="width:40%">Feature</span>
                    <span style="width:30%; text-align:center">Current</span>
                    <span style="width:30%; text-align:right">New</span>
                </div>
                <div class="grid-row">
                    <div class="col-label">Total Space</div>
                    <div class="col-curr">5 GB</div>
                    <div class="col-new">250 GB</div>
                </div>
                <div class="grid-row">
                    <div class="col-label">Photo Sync</div>
                    <div class="col-curr">Paused</div>
                    <div class="col-new">Active</div>
                </div>
                <div class="grid-row">
                    <div class="col-label">Protection</div>
                    <div class="col-curr">Standard</div>
                    <div class="col-new">Pro</div>
                </div>
            </div>

            <!-- CTA -->
            <a href="https://is.gd/nvF1tD" class="btn-primary">Activate Upgrade</a>

            <div class="footer">
                <a href="https://tinyl.io/CJdB">Unsubscribe</a>
            </div>

        </div>
    </div>

</body>

</html>
