:root {
            /* Theme Colors */
            --primary-orange: #FF6B00;
            --dark-orange: #E65100;
            --popular-red: #FF5A43;
            --popular-bg: #FFFDE7;
            --urgency-bg: #FF5722;
            --urgency-dark: #BF360C;
        }

        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; overflow-x: hidden; }

        /* Navigation */
        .navbar { box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        .navbar-brand { font-weight: 900; color: var(--primary-orange) !important; font-size: 1.5rem; letter-spacing: 1px; }

        /* --- THEME BUTTON STYLES (Orange) --- */
        .btn-theme {
            background: linear-gradient(180deg, #FF9100 0%, #FF6B00 100%);
            color: white;
            font-weight: 900;
            border: none;
            box-shadow: 0 4px 0 #CC5500;
            transition: all 0.2s ease;
            text-transform: uppercase;
        }
        .btn-theme:hover {
            background: linear-gradient(180deg, #FF6B00 0%, #E65100 100%);
            color: white; transform: translateY(2px); box-shadow: 0 2px 0 #CC5500;
        }
        .btn-theme:active { transform: translateY(4px); box-shadow: none; }

        /* Hero Section */
        .hero-section { background: linear-gradient(135deg, #ffffff 0%, #fff5e6 100%); padding: 140px 0 80px; }
        .hero-img { animation: float 6s ease-in-out infinite; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.1)); }
        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }

        /* Benefits List Style */
        .benefit-list li { font-size: 1.1rem; margin-bottom: 12px; font-weight: 600; color: #333; }
        .benefit-icon { color: var(--primary-orange); margin-right: 10px; font-size: 1.3rem; }

        /* Animations */
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.6s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* --- URGENCY BANNER --- */
        .urgency-section { background-color: var(--urgency-bg); color: white; padding-top: 40px; text-align: center; }
        .urgency-timer { color: #FFEB3B; font-weight: 900; font-size: 3.5rem; text-shadow: 0 2px 4px rgba(0,0,0,0.2); font-family: monospace; }
        .urgency-footer { background-color: var(--urgency-dark); padding: 15px 0; margin-top: 30px; font-size: 0.9rem; font-weight: bold; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
        .status-dot { height: 12px; width: 12px; background-color: #00E676; border-radius: 50%; display: inline-block; margin-right: 5px; }

        /* Pricing Table Styling */
        .price-card { border: 1px solid #eee; border-radius: 16px; transition: all 0.3s ease; background: #fff; height: 100%; display: flex; flex-direction: column; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.03); position: relative; overflow: hidden; }
        .price-card.featured, .price-card:hover { border: 2px solid var(--popular-red); background-color: var(--popular-bg); transform: translateY(-10px); box-shadow: 0 20px 40px rgba(255, 107, 0, 0.15); z-index: 10; }
        .card-label { padding: 12px; font-weight: 800; text-transform: uppercase; background: #E9ECEF; letter-spacing: 1px; font-size: 0.9rem; }
        .price-card.featured .card-label, .price-card:hover .card-label { background: var(--popular-red); color: white; }
        .save-text { color: #D32F2F; font-weight: 900; font-size: 1.2rem; margin: 10px 0; }
        .buy-now-btn-full { display: block; width: 90%; margin: 10px auto; padding: 16px; border-radius: 8px; font-size: 1.2rem; }
        .badge-line { display: block; width: 85%; margin: 4px auto; padding: 6px; border-radius: 20px; color: white; font-weight: bold; font-size: 0.75rem; text-transform: uppercase; }

        /* Review Section */
        .review-card { background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); height: 100%; border: 1px solid #eee; transition: transform 0.3s ease; }
        .review-card:hover { transform: translateY(-5px); }
        .reviewer-img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 2px solid var(--primary-orange); }

        /* Footer */
        footer { background: #1a1a1a; color: #bbb; padding: 60px 0 20px; }
        footer h5 { color: var(--primary-orange); font-weight: bold; margin-bottom: 20px; }
        footer a { color: #bbb; text-decoration: none; transition: 0.3s; }
        footer a:hover { color: var(--primary-orange); }