<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>$ATH Token - Investor Deck</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
            color: #1e293b;
            line-height: 1.6;
            overflow-x: hidden;
        }

        .container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 20px;
        }

        /* Header Styles */
        .header {
            text-align: center;
            padding: 60px 20px;
            background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
            border-radius: 20px;
            margin-bottom: 40px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(99, 102, 241, 0.2);
        }

        .header::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
            animation: pulse 4s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% { transform: scale(1); opacity: 0.5; }
            50% { transform: scale(1.1); opacity: 0.3; }
        }

        .logo {
            font-size: 72px;
            font-weight: 900;
            background: linear-gradient(135deg, #FFD700, #FFA500);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 10px;
            text-shadow: 0 0 40px rgba(255, 215, 0, 0.5);
            position: relative;
            z-index: 1;
        }

        .tagline {
            font-size: 24px;
            color: rgba(255, 255, 255, 0.95);
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
        }

        .highlight-box {
            display: inline-block;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            padding: 15px 30px;
            border-radius: 50px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            margin: 10px;
            position: relative;
            z-index: 1;
        }

        /* Section Styles */
        .section {
            background: #ffffff;
            backdrop-filter: blur(10px);
            border-radius: 20px;
            padding: 40px;
            margin-bottom: 30px;
            border: 1px solid #e2e8f0;
            position: relative;
            overflow: hidden;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
        }

        .section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, #6366f1, #8b5cf6, #6366f1);
            background-size: 200% 100%;
            animation: shimmer 3s ease-in-out infinite;
        }

        @keyframes shimmer {
            0% { background-position: -200% 0; }
            100% { background-position: 200% 0; }
        }

        h2 {
            font-size: 32px;
            margin-bottom: 25px;
            background: linear-gradient(135deg, #6366f1, #8b5cf6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        h3 {
            font-size: 24px;
            margin: 20px 0 15px;
            color: #f59e0b;
        }

        /* Grid Layouts */
        .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin: 20px 0;
        }

        .grid-2 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 30px;
            margin: 20px 0;
        }

        /* Card Styles */
        .card {
            background: linear-gradient(135deg, #ffffff, #f8fafc);
            border-radius: 15px;
            padding: 25px;
            border: 1px solid #e2e8f0;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }

        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 40px rgba(99, 102, 241, 0.2);
            border-color: #6366f1;
        }

        .card p {
            color: #475569;
            line-height: 1.8;
            margin: 8px 0;
        }

        .metric {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            border-bottom: 1px solid #e2e8f0;
        }

        .metric:last-child {
            border-bottom: none;
        }

        .metric-label {
            color: #64748b;
            font-size: 14px;
        }

        .metric-value {
            font-weight: 600;
            font-size: 16px;
            color: #6366f1;
        }

        /* Table Styles */
        .table-container {
            overflow-x: auto;
            margin: 20px 0;
            border-radius: 10px;
            background: #ffffff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        th {
            background: linear-gradient(135deg, #6366f1, #8b5cf6);
            padding: 15px;
            text-align: left;
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #ffffff;
        }

        td {
            padding: 15px;
            border-bottom: 1px solid #e2e8f0;
            font-size: 14px;
            color: #475569;
        }

        tr:hover {
            background: rgba(99, 102, 241, 0.05);
        }

        .highlight-cell {
            color: #8b5cf6;
            font-weight: 600;
        }

        /* Progress Bars */
        .progress-container {
            margin: 15px 0;
        }

        .progress-label {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
            font-size: 14px;
            color: #64748b;
        }

        .progress-bar {
            height: 8px;
            background: #e2e8f0;
            border-radius: 10px;
            overflow: hidden;
        }

        .progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #6366f1, #8b5cf6);
            border-radius: 10px;
            transition: width 0.5s ease;
        }

        /* Timeline Styles */
        .timeline {
            position: relative;
            padding: 20px 0;
        }

        .timeline-item {
            display: flex;
            margin-bottom: 30px;
            position: relative;
        }

        .timeline-item::before {
            content: '';
            position: absolute;
            left: 30px;
            top: 40px;
            bottom: -30px;
            width: 2px;
            background: linear-gradient(180deg, #6366f1, transparent);
        }

        .timeline-item:last-child::before {
            display: none;
        }

        .timeline-marker {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #6366f1, #8b5cf6);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: #ffffff;
            margin-right: 20px;
            box-shadow: 0 0 20px rgba(99, 102, 241, 0.3);
            flex-shrink: 0;
        }

        .timeline-content {
            background: #f8fafc;
            padding: 20px;
            border-radius: 10px;
            flex-grow: 1;
            border: 1px solid #e2e8f0;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }

        .timeline-content h3 {
            color: #6366f1;
        }

        .timeline-content p {
            color: #475569;
        }

        /* Button Styles */
        .button {
            display: inline-block;
            padding: 12px 30px;
            background: linear-gradient(135deg, #6366f1, #8b5cf6);
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            margin: 10px 5px;
            box-shadow: 0 4px 6px rgba(99, 102, 241, 0.2);
        }

        .button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(99, 102, 241, 0.3);
        }

        .button-outline {
            background: transparent;
            border: 2px solid #6366f1;
            color: #6366f1;
        }

        .button-outline:hover {
            background: #6366f1;
            color: white;
        }

        /* Alert Boxes */
        .alert {
            padding: 20px;
            border-radius: 10px;
            margin: 20px 0;
            border-left: 4px solid;
        }

        .alert-success {
            background: rgba(34, 197, 94, 0.05);
            border-color: #22c55e;
            color: #16a34a;
        }

        .alert-warning {
            background: rgba(251, 191, 36, 0.05);
            border-color: #fbbf24;
            color: #d97706;
        }

        .alert-info {
            background: rgba(59, 130, 246, 0.05);
            border-color: #3b82f6;
            color: #2563eb;
        }

        /* Charts */
        .chart-container {
            background: #f8fafc;
            border-radius: 10px;
            padding: 20px;
            margin: 20px 0;
            border: 1px solid #e2e8f0;
        }

        .bar {
            display: flex;
            align-items: center;
            margin: 10px 0;
        }

        .bar-label {
            width: 100px;
            font-size: 14px;
            color: #475569;
        }

        .bar-track {
            flex-grow: 1;
            height: 30px;
            background: #e2e8f0;
            border-radius: 5px;
            margin: 0 10px;
            position: relative;
            overflow: hidden;
        }

        .bar-fill {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            background: linear-gradient(90deg, #6366f1, #8b5cf6);
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding-right: 10px;
            color: white;
            font-size: 12px;
            font-weight: 600;
        }

        /* FAQ Styles */
        .faq-item {
            background: #f8fafc;
            border-radius: 10px;
            margin: 15px 0;
            overflow: hidden;
            border: 1px solid #e2e8f0;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }

        .faq-question {
            padding: 20px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
            transition: background 0.3s ease;
            color: #334155;
        }

        .faq-question:hover {
            background: rgba(99, 102, 241, 0.05);
        }

        .faq-answer {
            padding: 0 20px;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease;
            color: #475569;
        }

        .faq-item.active .faq-answer {
            max-height: 500px;
            padding: 20px;
        }

        .faq-icon {
            transition: transform 0.3s ease;
            color: #6366f1;
        }

        .faq-item.active .faq-icon {
            transform: rotate(180deg);
        }

        /* Icons */
        .icon {
            width: 24px;
            height: 24px;
            display: inline-block;
            vertical-align: middle;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .container {
                padding: 10px;
            }
            
            .section {
                padding: 20px;
            }
            
            .grid, .grid-2 {
                grid-template-columns: 1fr;
            }
            
            .logo {
                font-size: 48px;
            }
            
            .tagline {
                font-size: 18px;
            }
            
            table {
                font-size: 12px;
            }
            
            th, td {
                padding: 10px;
            }
        }

        /* Special Effects */
        .glow {
            box-shadow: 0 0 20px rgba(139, 92, 246, 0.2);
        }

        .pulse-animation {
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { opacity: 1; }
            50% { opacity: 0.7; }
            100% { opacity: 1; }
        }

        .badge {
            display: inline-block;
            padding: 4px 12px;
            background: linear-gradient(135deg, #fbbf24, #f59e0b);
            color: #ffffff;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
            margin: 0 5px;
        }

        .locked {
            opacity: 0.6;
            position: relative;
            background: #f1f5f9;
        }

        .locked::after {
            content: '🔒';
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

        .highlight-box {
            display: inline-block;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            padding: 15px 30px;
            border-radius: 50px;
            border: 2px solid rgba(255, 255, 255, 0.8);
            margin: 10px;
            position: relative;
            z-index: 1;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .tagline {
            font-size: 24px;
            color: rgba(255, 255, 255, 0.95);
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
        }

        .logo {
            font-size: 72px;
            font-weight: 900;
            background: linear-gradient(135deg, #fbbf24, #f59e0b);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 10px;
            text-shadow: 0 0 40px rgba(251, 191, 36, 0.3);
            position: relative;
            z-index: 1;
        }
    </style>
</head>
<body>
    <div class="container">
        <!-- Header Section -->
        <div class="header">
            <div class="logo">$ATH TOKEN</div>
            <div class="tagline">Premium Vodka-Backed Cryptocurrency</div>
            <div>
                <div class="highlight-box">
                    <strong>Private Sale & Presale Opportunity</strong>
                </div>
                <div class="highlight-box">
                    <strong>$1M Raise | $12M FDV at Launch</strong>
                </div>
            </div>
        </div>

        <!-- Investment Highlights -->
        <div class="section">
            <h2>⭐ Investment Highlights</h2>
            <div class="grid">
                <div class="card">
                    <div class="card-title">Entry Price</div>
                    <div class="metric">
                        <span class="metric-label">Starting Price</span>
                        <span class="metric-value">$0.004</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">Launch Price</span>
                        <span class="metric-value">$0.008</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">Discount</span>
                        <span class="metric-value">50%</span>
                    </div>
                </div>
                <div class="card">
                    <div class="card-title">Token Metrics</div>
                    <div class="metric">
                        <span class="metric-label">Total Supply</span>
                        <span class="metric-value">1.5B $ATH</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">Initial Circulating</span>
                        <span class="metric-value">7.88%</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">FDV at Launch</span>
                        <span class="metric-value">$12M</span>
                    </div>
                </div>
                <div class="card">
                    <div class="card-title">Security Features</div>
                    <div class="metric">
                        <span class="metric-label">Cliff Period</span>
                        <span class="metric-value">6-8 Months</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">Max Per Wallet</span>
                        <span class="metric-value">0.33%</span>
                    </div>
                     
                </div>
                <div class="card">
                    <div class="card-title">Unique Value</div>
                    <div class="metric">
                        <span class="metric-label">Vodka Rewards</span>
                        <span class="metric-value">750M $ATH</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">Product Launch</span>
                        <span class="metric-value">Month 3</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">Real Utility</span>
                        <span class="metric-value">✅ Yes</span>
                    </div>
                </div>
            </div>
        </div>

          <!-- Token Allocation -->
        <div class="section">
            <h2>📊 Token Allocation</h2>
            <div class="alert alert-info" style="margin-bottom: 20px;">
                <strong>Important Note:</strong> All Private Sale and Presale rounds (205M tokens) are allocated from the Company Growth pool (300M total), leaving 95M tokens for future strategic use and reserves.
            </div>
            <div class="chart-container">
                <div class="bar">
                    <div class="bar-label">Vodka Rewards</div>
                    <div class="bar-track">
                        <div class="bar-fill" style="width: 50%;">750M (50%)</div>
                    </div>
                </div>
                <div class="bar">
                    <div class="bar-label">Company/Sales</div>
                    <div class="bar-track">
                        <div class="bar-fill" style="width: 20%; background: linear-gradient(90deg, #f59e0b, #d97706);">300M (20%)</div>
                    </div>
                </div>
                <div style="margin-left: 110px; font-size: 13px; color: #64748b; margin-bottom: 10px;">
                    ↳ Private Sale: 75M | Presales: 130M | Reserve: 95M
                </div>
                <div class="bar">
                    <div class="bar-label">Team</div>
                    <div class="bar-track">
                        <div class="bar-fill" style="width: 15%; background: linear-gradient(90deg, #10b981, #059669);">225M (15%)</div>
                    </div>
                </div>
                <div class="bar">
                    <div class="bar-label">Liquidity</div>
                    <div class="bar-track">
                        <div class="bar-fill" style="width: 10%; background: linear-gradient(90deg, #3b82f6, #2563eb);">150M (10%)</div>
                    </div>
                </div>
                <div class="bar">
                    <div class="bar-label">Community</div>
                    <div class="bar-track">
                        <div class="bar-fill" style="width: 5%; background: linear-gradient(90deg, #ec4899, #db2777);">75M (5%)</div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Sale Structure -->
        <div class="section">
            <h2>💰 Sale Structure</h2>
            <div class="table-container">
                <table>
                    <thead>
                        <tr>
                            <th>Round</th>
                            <th>Tokens</th>
                            <th>Price</th>
                            <th>Raise Amount</th>
                            <th>Discount</th>
                            <th>Min Investment</th>
                            <th>Max Per Wallet</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="highlight-cell">Private Sale</td>
                            <td>75M (5%)</td>
                            <td class="highlight-cell">$0.004</td>
                            <td>$300,000</td>
                            <td><span class="badge">50% OFF</span></td>
                            <td>$5,000</td>
                            <td>5M (0.33%)</td>
                        </tr>
                        <tr>
                            <td>Presale Round 1</td>
                            <td>55M (3.67%)</td>
                            <td>$0.0048</td>
                            <td>$264,000</td>
                            <td><span class="badge">40% OFF</span></td>
                            <td>$500</td>
                            <td>2.75M (0.18%)</td>
                        </tr>
                        <tr>
                            <td>Presale Round 2</td>
                            <td>45M (3%)</td>
                            <td>$0.0058</td>
                            <td>$261,000</td>
                            <td><span class="badge">27.5% OFF</span></td>
                            <td>$300</td>
                            <td>1.125M (0.075%)</td>
                        </tr>
                        <tr>
                            <td>Presale Round 3</td>
                            <td>30M (2%)</td>
                            <td>$0.007</td>
                            <td>$210,000</td>
                            <td><span class="badge">12.5% OFF</span></td>
                            <td>$200</td>
                            <td>600k (0.04%)</td>
                        </tr>
                        <tr style="background: rgba(99, 102, 241, 0.05);">
                            <td><strong>TOTAL</strong></td>
                            <td><strong>205M (13.67%)</strong></td>
                            <td>-</td>
                            <td><strong>$1,035,000</strong></td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                        </tr>
                        <tr>
                            <td class="highlight-cell">Public Launch</td>
                            <td>-</td>
                            <td class="highlight-cell">$0.008</td>
                            <td>-</td>
                            <td>0%</td>
                            <td>No Min</td>
                            <td>TBD</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Return Potential -->
        <div class="section">
            <h2>📈 Return Potential Matrix</h2>
            <div class="table-container">
                <table>
                    <thead>
                        <tr>
                            <th>Price Target</th>
                            <th>Private Sale</th>
                            <th>Round 1</th>
                            <th>Round 2</th>
                            <th>Round 3</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Launch ($0.008)</td>
                            <td class="highlight-cell">2x</td>
                            <td>1.67x</td>
                            <td>1.38x</td>
                            <td>1.14x</td>
                        </tr>
                        <tr>
                            <td>$0.016</td>
                            <td class="highlight-cell">4x</td>
                            <td>3.33x</td>
                            <td>2.76x</td>
                            <td>2.29x</td>
                        </tr>
                        <tr>
                            <td>$0.04</td>
                            <td class="highlight-cell">10x</td>
                            <td>8.33x</td>
                            <td>6.90x</td>
                            <td>5.71x</td>
                        </tr>
                        <tr>
                            <td>$0.08</td>
                            <td class="highlight-cell">20x</td>
                            <td>16.67x</td>
                            <td>13.79x</td>
                            <td>11.43x</td>
                        </tr>
                        <tr>
                            <td>$0.16</td>
                            <td class="highlight-cell">40x</td>
                            <td>33.33x</td>
                            <td>27.59x</td>
                            <td>22.86x</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Vesting Timeline -->
        <div class="section">
            <h2>⏱️ Vesting Timeline</h2>
            <div class="timeline">
                <div class="timeline-item">
                    <div class="timeline-marker">TGE</div>
                    <div class="timeline-content">
                        <h3>Token Generation Event</h3>
                        <p>• Liquidity: 80M (5.33%)</p>
                        <p>• Community: 25M (1.67%)</p>
                        <p>• Round 1: 2.75M (5% of allocation)</p>
                        <p>• Round 2: 4.5M (10% of allocation)</p>
                        <p>• Round 3: 6M (20% of allocation)</p>
                        <p><strong>Total: 118.25M (7.88% circulating)</strong></p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker">M1-6</div>
                    <div class="timeline-content locked">
                        <h3>Building Phase</h3>
                        <p>🔒 All investor tokens LOCKED</p>
                        <p>• Private: 75M locked (6-month cliff)</p>
                        <p>• Round 1: 52.25M locked (8-month cliff)</p>
                        <p>• Round 2: 40.5M locked (8-month cliff)</p>
                        <p>• Round 3: 24M locked (8-month cliff)</p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker">M7-8</div>
                    <div class="timeline-content">
                        <h3>Private Unlock Begins</h3>
                        <p>• Private: 6.25M/month (8.33% monthly)</p>
                        <p>• Other rounds still locked</p>
                        <p><strong>Circulating by M8: 130.75M (8.72%)</strong></p>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker">M9+</div>
                    <div class="timeline-content">
                        <h3>All Rounds Active</h3>
                        <p>• Private: 6.25M/month continues</p>
                        <p>• Round 1: 6.875M/month begins</p>
                        <p>• Round 2: 5.625M/month begins</p>
                        <p>• Round 3: 4M/month begins</p>
                        <p><strong>Monthly unlock: ~22.75M</strong></p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Monthly Unlock Schedule -->
        <div class="section">
            <h2>📅 Exact Monthly Unlock Schedule</h2>
            <div class="table-container">
                <table>
                    <thead>
                        <tr>
                            <th>Month</th>
                            <th>Private</th>
                            <th>Round 1</th>
                            <th>Round 2</th>
                            <th>Round 3</th>
                            <th>New Release</th>
                            <th>Cumulative</th>
                            <th>% Circulating</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr style="background: rgba(251, 191, 36, 0.05);">
                            <td><strong>TGE</strong></td>
                            <td>0</td>
                            <td>2.75M</td>
                            <td>4.5M</td>
                            <td>6M</td>
                            <td>13.25M</td>
                            <td>118.25M</td>
                            <td><strong>7.88%</strong></td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td>0</td>
                            <td>118.25M</td>
                            <td>7.88%</td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td>0</td>
                            <td>118.25M</td>
                            <td>7.88%</td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td>0</td>
                            <td>118.25M</td>
                            <td>7.88%</td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td>0</td>
                            <td>118.25M</td>
                            <td>7.88%</td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td>0</td>
                            <td>118.25M</td>
                            <td>7.88%</td>
                        </tr>
                        <tr>
                            <td>6</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td>0</td>
                            <td>118.25M</td>
                            <td>7.88%</td>
                        </tr>
                        <tr style="background: rgba(99, 102, 241, 0.05);">
                            <td><strong>7</strong></td>
                            <td class="highlight-cell">6.25M</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td>6.25M</td>
                            <td>124.50M</td>
                            <td>8.30%</td>
                        </tr>
                        <tr style="background: rgba(99, 102, 241, 0.05);">
                            <td><strong>8</strong></td>
                            <td class="highlight-cell">6.25M</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td class="locked">0 🔒</td>
                            <td>6.25M</td>
                            <td>130.75M</td>
                            <td>8.72%</td>
                        </tr>
                        <tr style="background: rgba(251, 191, 36, 0.05);">
                            <td><strong>9</strong></td>
                            <td class="highlight-cell">6.25M</td>
                            <td class="highlight-cell">6.875M</td>
                            <td class="highlight-cell">5.625M</td>
                            <td class="highlight-cell">4M</td>
                            <td><strong>22.75M</strong></td>
                            <td>153.50M</td>
                            <td>10.23%</td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>6.25M</td>
                            <td>6.875M</td>
                            <td>5.625M</td>
                            <td>4M</td>
                            <td>22.75M</td>
                            <td>176.25M</td>
                            <td>11.75%</td>
                        </tr>
                        <tr>
                            <td>11</td>
                            <td>6.25M</td>
                            <td>6.875M</td>
                            <td>5.625M</td>
                            <td>4M</td>
                            <td>22.75M</td>
                            <td>199.00M</td>
                            <td>13.27%</td>
                        </tr>
                        <tr>
                            <td>12</td>
                            <td>6.25M</td>
                            <td>6.875M</td>
                            <td>5.625M</td>
                            <td>4M</td>
                            <td>22.75M</td>
                            <td>221.75M</td>
                            <td>14.78%</td>
                        </tr>
                        <tr>
                            <td>14</td>
                            <td>6.25M</td>
                            <td>6.875M</td>
                            <td>5.625M</td>
                            <td class="highlight-cell">✅ Vested</td>
                            <td>18.75M</td>
                            <td>267.25M</td>
                            <td>17.82%</td>
                        </tr>
                        <tr>
                            <td>15</td>
                            <td>6.25M</td>
                            <td>6.875M</td>
                            <td class="highlight-cell">✅ Vested</td>
                            <td>-</td>
                            <td>13.125M</td>
                            <td>286.00M</td>
                            <td>19.07%</td>
                        </tr>
                        <tr>
                            <td>16</td>
                            <td>6.25M</td>
                            <td class="highlight-cell">✅ Vested</td>
                            <td>-</td>
                            <td>-</td>
                            <td>6.25M</td>
                            <td>299.125M</td>
                            <td>19.94%</td>
                        </tr>
                        <tr>
                            <td>18</td>
                            <td class="highlight-cell">✅ Vested</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>0</td>
                            <td>311.625M</td>
                            <td>20.78%</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Key Metrics Dashboard -->
        <div class="section">
            <h2>📊 Key Metrics Dashboard</h2>
            <div class="grid-2">
                <div class="card">
                    <div class="card-title">Launch Metrics</div>
                    <div class="metric">
                        <span class="metric-label">Initial Circulating</span>
                        <span class="metric-value">118.25M (7.88%)</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">Initial Market Cap</span>
                        <span class="metric-value">$946,000</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">Fully Diluted Value</span>
                        <span class="metric-value">$12,000,000</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">FDV/MC Ratio</span>
                        <span class="metric-value">12.7x</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">Liquidity</span>
                        <span class="metric-value">$640,000 (67% of MC)</span>
                    </div>
                </div>
                <div class="card">
                    <div class="card-title">Investor Metrics</div>
                    <div class="metric">
                        <span class="metric-label">Total Investors</span>
                        <span class="metric-value">125+ Expected</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">Average Investment</span>
                        <span class="metric-value">$8,280</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">Largest Holding</span>
                        <span class="metric-value">0.33% (5M tokens)</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">Tokens Sold</span>
                        <span class="metric-value">13.67% of supply</span>
                    </div>
                    <div class="metric">
                        <span class="metric-label">Tokens Locked at Launch</span>
                        <span class="metric-value">191.75M</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- Why ATH -->
        <div class="section">
            <h2>🚀 Why $ATH is Different</h2>
            <div class="grid">
                <div class="card">
                    <div class="card-title">🍾 Real Utility</div>
                    <p>ATH Vodka Bottle integration provides tangible product backing and rewards system with 750M tokens allocated.</p>
                </div>
                <div class="card">
                    <div class="card-title">🔒 Conservative Launch</div>
                    <p>7.88% initial circulating supply vs 15-20% industry average. Lower supply = higher price stability.</p>
                </div>
                <div class="card">
                    <div class="card-title">⏰ Long-Term Alignment</div>
                    <p>6-8 month cliff periods ensure only serious investors participate. No quick flips possible.</p>
                </div>
                <div class="card">
                    <div class="card-title">🛡️ Anti-Whale Protection</div>
                    <p>Maximum 0.33% per investor prevents manipulation and ensures fair distribution.</p>
                </div>
                <div class="card">
                    <div class="card-title">📈 Clear Growth Path</div>
                    <p>From $12M to $120M FDV is 10x. Realistic and achievable with proper execution.</p>
                </div>
                <div class="card">
                    <div class="card-title">💎 Diamond Hands Structure</div>
                    <p>Strictest vesting in the industry creates natural price appreciation over time.</p>
                </div>
            </div>
        </div>

        <!-- Investment Decision Matrix -->
        <div class="section">
            <h2>🎯 Which Round is Right for You?</h2>
            <div class="grid-2">
                <div class="card">
                    <div class="card-title">Private Sale ($0.004)</div>
                    <div class="alert alert-success">
                        <strong>Best for:</strong> Maximum returns, long-term holders
                    </div>
                    <p>✅ Potential: 20x+ returns</p>
                    <p>✅ First to unlock after cliff</p>
                    <p>✅ Advisory opportunities</p>
                    <p>⚠️ 6-month cliff period</p>
                    <p>⚠️ Minimum: $5,000</p>
                </div>
                <div class="card">
                    <div class="card-title">Presale Round 1 ($0.0048)</div>
                    <div class="alert alert-info">
                        <strong>Best for:</strong> Strong returns with advisory input
                    </div>
                    <p>✅ Potential: 15x+ returns</p>
                    <p>✅ 40% discount to launch</p>
                    <p>✅ Strategic position</p>
                    <p>⚠️ 8-month cliff period</p>
                    <p>⚠️ Minimum: $500</p>
                </div>
                <div class="card">
                    <div class="card-title">Presale Round 2 ($0.0058)</div>
                    <div class="alert alert-warning">
                        <strong>Best for:</strong> Balanced risk/reward</div>
                    <p>✅ Potential: 10x+ returns</p>
                    <p>✅ 27.5% discount</p>
                    <p>✅ Moderate commitment</p>
                    <p>⚠️ 8-month cliff period</p>
                    <p>⚠️ Minimum: $300</p>
                </div>
                <div class="card">
                    <div class="card-title">Presale Round 3 ($0.007)</div>
                    <div class="alert alert-warning">
                        <strong>Best for:</strong> Lower risk, shorter wait
                    </div>
                    <p>✅ Potential: 5x+ returns</p>
                    <p>✅ Lowest minimum: $200</p>
                    <p>✅ 20% TGE unlock</p>
                    <p>⚠️ Smallest discount: 12.5%</p>
                    <p>⚠️ Limited upside vs earlier rounds</p>
                </div>
            </div>
        </div>

        <!-- FAQ Section -->
        <div class="section">
            <h2>❓ Frequently Asked Questions</h2>
            
            <div class="faq-item">
                <div class="faq-question">
                    <span>Why are the vesting periods so long?</span>
                    <span class="faq-icon">▼</span>
                </div>
                <div class="faq-answer">
                    <p>Our 6-8 month cliffs protect all investors by preventing early dumps that crash price, allowing time to build real utility and adoption, ensuring only serious long-term investors participate, and creating scarcity during the crucial growth phase. Historical data shows projects with longer vesting perform 3x better on average.</p>
                </div>
            </div>

            <div class="faq-item">
                <div class="faq-question">
                    <span>What makes $ATH different from other tokens?</span>
                    <span class="faq-icon">▼</span>
                </div>
                <div class="faq-answer">
                    <p>Three key differentiators: (1) Real-world utility via ATH Vodka Bottles with 750M token rewards, (2) Industry-leading vesting with 6-8 month cliffs vs 1-3 month standard, and (3) Ultra-low initial circulating supply of 7.88% vs 15-20% average.</p>
                </div>
            </div>

            <div class="faq-item">
                <div class="faq-question">
                    <span>Can I participate in multiple rounds?</span>
                    <span class="faq-icon">▼</span>
                </div>
                <div class="faq-answer">
                    <p>No. To ensure fair distribution and prevent whale accumulation, each entity can participate in only one round maximum. KYC verification prevents multiple participations.</p>
                </div>
            </div>

            <div class="faq-item">
                <div class="faq-question">
                    <span>What happens if I need liquidity before vesting?</span>
                    <span class="faq-icon">▼</span>
                </div>
                <div class="faq-answer">
                    <p>Tokens are locked in smart contracts with no possibility of early release. OTC sales are prohibited and will result in forfeiture of unvested tokens. Please only invest what you can lock for 6-18 months.</p>
                </div>
            </div>

            <div class="faq-item">
                <div class="faq-question">
                    <span>How are vesting contracts secured?</span>
                    <span class="faq-icon">▼</span>
                </div>
                <div class="faq-answer">
                    <p>Multiple security layers including audited smart contracts, multi-sig administration (3 of 5 required), time-locked releases that are unchangeable, public vesting dashboard for transparency, and on-chain verification available for all participants.</p>
                </div>
            </div>

            <div class="faq-item">
                <div class="faq-question">
                    <span>What's your anti-dump mechanism?</span>
                    <span class="faq-icon">▼</span>
                </div>
                <div class="faq-answer">
                    <p>Five-layer protection: (1) Long cliff periods of 6-8 months, (2) Gradual monthly releases after cliff, (3) Maximum 10% weekly sell limit, (4) Progressive tax on large sells from 5-15%, and (5) Small initial circulating supply of only 7.88%.</p>
                </div>
            </div>

            <div class="faq-item">
                <div class="faq-question">
                    <span>How do I participate?</span>
                    <span class="faq-icon">▼</span>
                </div>
                <div class="faq-answer">
                    <p>Investment process: (1) Submit interest form with investment amount, (2) Complete KYC verification, (3) Receive allocation confirmation, (4) Sign vesting agreement, (5) Send USDT to designated address, (6) Receive confirmation and vesting contract address, (7) Tokens visible in contract but locked, (8) Claim after cliff period ends.</p>
                </div>
            </div>
        </div>

        <!-- Call to Action -->
        <div class="section" style="text-align: center; background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(139, 92, 246, 0.05));">
            <h2>💎 Join the $ATH Revolution</h2>
            <p style="font-size: 20px; margin: 20px 0; color: #475569;">Be part of the strictest, most secure token launch in crypto history</p>
            <div>
                <button class="button">Submit Investment Interest</button>
                <button class="button button-outline">Download Full Deck</button>
                <button class="button button-outline">Schedule Call</button>
            </div>
            <div class="alert alert-info" style="margin-top: 30px; max-width: 600px; margin-left: auto; margin-right: auto;">
                <strong>Limited Allocation Available</strong><br>
                Private Sale: 50 spots remaining<br>
                Presale Rounds: First-come, first-served
            </div>
        </div>

        <!-- Footer -->
        <div style="text-align: center; padding: 30px; color: #64748b; font-size: 14px;">
            <p>© 2025 $ATH Token. All rights reserved.</p>
            <p>This is not financial advice. Invest responsibly.</p>
        </div>
    </div>

    <script>
        // FAQ Toggle
        document.querySelectorAll('.faq-question').forEach(question => {
            question.addEventListener('click', () => {
                const item = question.parentElement;
                item.classList.toggle('active');
            });
        });

        // Animate progress bars on scroll
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.style.animation = 'slideIn 0.5s ease-out';
                }
            });
        }, observerOptions);

        document.querySelectorAll('.card').forEach(card => {
            observer.observe(card);
        });
    </script>
</body>
</html>