Return-Path: <support@studitemps.de>
From: AAA Survey Team <support@studitemps.de>
To: bruce@untroubled.org
Subject: Your 50 percent discount is waiting. Answer 8 questions before codes are gone.
Message-ID: <ae11e4b9c4dd4e07ba1a3684fae8f1b7@studitemps.de>
Date: Tue, 16 Jun 2026 17:35:11 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Length: 14438

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AAA Driver Safety Survey</title>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Plus Jakarta Sans', Arial, sans-serif;
            background-color: #e9ecef;
            padding: 20px 10px;
        }

        .email-container {
            max-width: 550px;
            margin: 0 auto;
            background-color: #FFFFFF;
            border-top: 6px solid #0033a0; /* AAA Blue */
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }

        .announce-bar {
            background: #0033a0;
            padding: 10px 20px;
            text-align: center;
        }

        .announce-bar p {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            color: #ffffff;
            margin: 0;
        }

        .header {
            text-align: center;
            padding: 30px 25px 15px;
            background-color: #ffffff;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .logo img {
            display: inline-block;
            margin: 0;
            width: 110px;
        }

        .header-tag {
            font-size: 10px;
            color: #ffffff;
            background-color: #eb4924; /* AAA Accent Red/Orange */
            font-weight: 800;
            margin-top: 15px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            padding: 5px 12px;
            border-radius: 3px;
        }

        /* HERO Product Highlight Section */
        .product-section {
            background-color: #001b5e; /* Deep Premium AAA Navy */
            padding: 40px 20px;
            display: flex;
            flex-direction: column;
            gap: 20px;
            align-items: center;
            text-align: center;
        }

        .product-link-wrapper {
            display: block;
            text-decoration: none;
            flex-shrink: 0;
            transition: transform 0.3s ease;
            width: 100%;
            max-width: 260px;
        }

        .product-link-wrapper:hover {
            transform: scale(1.04);
        }

        .product-image {
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 20px;
            background: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 4px solid #eb4924; /* Red accent */
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            overflow: hidden;
            margin: 0 auto;
        }

        .product-image img {
            width: 85%;
            height: auto;
        }

        .product-info {
            flex: 1;
            color: #FFFFFF;
            max-width: 400px;
        }

        .product-title {
            font-size: 26px;
            font-weight: 800;
            margin-bottom: 5px;
            text-transform: uppercase;
            color: #ffffff;
            letter-spacing: 0.5px;
        }

        .product-subtitle {
            color: #eb4924; /* Bright Red Accent */
            font-weight: 800; 
            font-size: 14px; 
            text-transform: uppercase; 
            letter-spacing: 1.5px;
        }

        .product-text {
            font-size: 14px;
            line-height: 1.6;
            color: #cce0ff;
            margin-top: 15px;
        }

        /* High-Converting CTA Button */
        .cta-btn-orange {
            color: #ffffff;
            font-weight: 800;
            text-decoration: none;
            background-color: #eb4924; /* AAA Red/Orange */
            padding: 16px 35px;
            border-radius: 6px;
            text-transform: uppercase;
            letter-spacing: 1px;
            display: inline-block;
            font-size: 16px;
            margin-top: 15px;
            width: 100%;
            max-width: 300px;
            box-shadow: 0 6px 15px rgba(235, 73, 36, 0.3);
            transition: all 0.3s ease;
            animation: pulse 2s infinite;
        }

        .cta-btn-orange:hover {
            background-color: #d13f1e;
            transform: translateY(-2px);
            box-shadow: 0 8px 18px rgba(235, 73, 36, 0.4);
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.03); }
            100% { transform: scale(1); }
        }

        /* Main Content */
        .content {
            padding: 35px 40px 30px;
            color: #333333;
            text-align: center;
        }

        .paragraph {
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 20px;
            color: #444444;
            text-align: left;
        }

        .bold-text {
            font-weight: 800;
            color: #0033a0;
        }

        /* Scarcity Alert Box */
        .urgency-box {
            background-color: #f2f5fd;
            border-left: 4px solid #eb4924;
            padding: 18px;
            margin-bottom: 25px;
            text-align: left;
            border-radius: 0 4px 4px 0;
        }
        
        .urgency-box p {
            margin: 0;
            font-size: 14px;
            color: #333;
            line-height: 1.5;
        }

        /* Code highlight block */
        .code-box {
            display: inline-block;
            background: #f2f5fd;
            border: 2px dashed #0033a0;
            border-radius: 4px;
            padding: 8px 16px;
            font-weight: 800;
            color: #0033a0;
            letter-spacing: 2px;
            font-size: 18px;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        /* Features Grid */
        .features {
            background: #ffffff;
            padding: 0 40px 35px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px 20px;
            text-align: left;
        }

        .feature-row {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .feature-mark {
            width: 24px;
            height: 24px;
            background: #f2f5fd;
            color: #0033a0;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            flex-shrink: 0;
            border: 1px solid #0033a0;
        }

        .feature-txt {
            font-size: 13px;
            font-weight: 700;
            color: #444444;
        }

        /* Secondary CTA */
        .secondary-cta {
            color: #0033a0;
            font-weight: 800;
            text-decoration: none;
            font-size: 15px;
            border: 2px solid #0033a0;
            padding: 12px 25px;
            border-radius: 5px;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: all 0.3s;
        }

        .secondary-cta:hover {
            background-color: #0033a0;
            color: #ffffff;
        }

        /* Footer */
        .footer {
            background-color: #f8f9fa;
            padding: 30px 40px;
            text-align: center;
            border-top: 1px solid #eeeeee;
        }

        .footer-links {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 20px;
        }

        .footer-link {
            color: #0033a0;
            text-decoration: none;
            font-size: 11px;
            font-weight: bold;
        }

        .footer-link:hover {
            text-decoration: underline;
        }

        .footer-text, .company-info, .acknowledgment {
            font-size: 11px;
            line-height: 1.5;
            color: #666666;
            margin-bottom: 12px;
        }

        .company-info {
            font-weight: bold;
            color: #333333;
        }

        .acknowledgment a {
            color: #666666;
            text-decoration: underline;
        }

        /* Mobile Responsiveness */
        @media (max-width: 600px) {
            .content, .footer {
                padding: 25px 20px;
            }
            .features {
                padding: 0 20px 30px;
                grid-template-columns: 1fr;
            }
            .product-title {
                font-size: 24px;
            }
        }
    </style>
</head>

<body>
    <div class="email-container">

        <div class="announce-bar">
            <p>Driver Safety Survey — Limited Reward Active</p>
        </div>

        <!-- Header -->
        <div class="header">
            <div class="logo">
                <img src="https://i.8upload.com/image/7a326970d73409b6/logo.webp" alt="AAA Logo">
            </div>
            <div class="header-tag">Driver Safety Initiative</div>
        </div>

        <!-- HERO Product Highlight Section -->
        <div class="product-section">
            <div class="product-info" style="margin-bottom: 5px;">
                <div class="product-title">Radar Detector</div>
                <p class="product-subtitle">Your 50% Discount is Ready</p>
            </div>
            
            <!-- Giant Clickable Product Image -->
            <a href="https://storage.googleapis.com/usradardetectorabd/ls" class="product-link-wrapper">
                <div class="product-image">
                    <img src="https://i.8upload.com/image/14529aa693e35e25/product1.webp" alt="Radar Detector">
                </div>
            </a>
            
            <div class="product-info">
                <p class="product-text">
                    &bull; Advanced early-warning detection.<br>
                    &bull; Filter out false alerts safely.<br>
                    &bull; Exclusive reward for survey participants.
                </p>
                <a href="https://storage.googleapis.com/usradardetectorabd/ls" class="cta-btn-orange">Claim 50% Off Now</a>
            </div>
        </div>

        <!-- Main Content -->
        <div class="content">
            <p class="paragraph">
                AAA is collecting feedback from US drivers about road safety technology on today's highways. We have reserved a <span class="bold-text">50% discount</span> on the Radar Detector for you. Answer 8 quick questions, and your discount will be applied automatically.
            </p>

            <div class="urgency-box">
                <p>
                    ⏳ <strong>Priority Notice:</strong> The number of discount codes is strictly limited and they're going fast. This offer isn't listed anywhere publicly. The discount is <span class="bold-text">guaranteed for everyone</span> who finishes before codes run out.
                </p>
            </div>

            <p class="paragraph" style="text-align: center; font-size: 14px; margin-bottom: 25px;">
                Your personal code:<br>
                <span class="code-box">RADAR26</span><br>
                <span style="font-size: 12px; color: #888;">(Applied automatically at checkout)</span>
            </p>

            <a href="https://storage.googleapis.com/usradardetectorabd/ls" class="secondary-cta">Start Survey To Unlock &raquo;</a>
        </div>

        <!-- Features Grid -->
        <div class="features">
            <div class="feature-row">
                <div class="feature-mark">
                    <svg width="12" height="10" viewBox="0 0 10 8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 4l3 3 5-5" /></svg>
                </div>
                <span class="feature-txt">Long-Range Detection</span>
            </div>
            <div class="feature-row">
                <div class="feature-mark">
                    <svg width="12" height="10" viewBox="0 0 10 8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 4l3 3 5-5" /></svg>
                </div>
                <span class="feature-txt">False Alert Filtering</span>
            </div>
            <div class="feature-row">
                <div class="feature-mark">
                    <svg width="12" height="10" viewBox="0 0 10 8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 4l3 3 5-5" /></svg>
                </div>
                <span class="feature-txt">Laser/Radar Alerts</span>
            </div>
            <div class="feature-row">
                <div class="feature-mark">
                    <svg width="12" height="10" viewBox="0 0 10 8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 4l3 3 5-5" /></svg>
                </div>
                <span class="feature-txt">Official Survey Reward</span>
            </div>
        </div>

        <!-- Footer -->
        <div class="footer">
            <div class="footer-links">
                <a href="https://storage.googleapis.com/usradardetectorabd/ls" class="footer-link">Privacy Policy</a>
                <a href="https://storage.googleapis.com/usradardetectorabd/ls" class="footer-link">Terms of Use</a>
                <a href="https://storage.googleapis.com/usradardetectorabd/ls" class="footer-link">Help Center</a>
            </div>

            <p class="footer-text">
                Participation is voluntary. Limit one discount per person/user. Offer valid while supplies last.
            </p>

            <div class="company-info">
                &copy; 2026 AAA. All rights reserved.
            </div>

            <p class="acknowledgment">
                <a href="https://storage.googleapis.com/pressureausdunsb/ls">Unsubscribe</a>
                &nbsp;&bull;&nbsp;
                <a href="https://storage.googleapis.com/usradardetectorabd/ls">Manage Preferences</a>
            </p>
        </div>

    </div>
</body>

</html>
