/* ai-kit Landing Page Styles */

        /* Design Shield: Namespace protecting the landing page */
        body.ai-kit-landing {
            background: #0B0B0F !important;
        }
        
        /* Ensure universal elements fit the dark theme */
        #universal-header-container .universal-header {
            background: rgba(11, 11, 15, 0.8) !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        :root {
            --primary-color: #00A3FF;
            --dark-text: #FFFFFF;
            --accent-color: #8A3FFC;
            --light-gray: #F9FAFB;
            --border-color: #374151;
            --success-color: #10b981;
            --warning-color: #FFD66B;
            --neutral-600: #D1D5DB;
            --neutral-500: #9CA3AF;
            --neutral-400: #6B7280;
            --gradient-primary: linear-gradient(135deg, #00A3FF 0%, #8A3FFC 100%);
            --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);
            --gradient-gold: linear-gradient(135deg, #FFD66B 0%, #F59E0B 100%);
            --electric-blue: #00A3FF;
            --neon-purple: #8A3FFC;
            --gradient-gold-color: #FFD66B;
            --soft-white: #EAEAEA;
            --dark-bg-gradient: linear-gradient(135deg, #0B0B0F 0%, #151620 100%);
            --dark-bg-solid: #0B0B0F;
            --card-bg: rgba(21, 22, 32, 0.8);
            --text-primary: #FFFFFF;
            --text-secondary: #D1D5DB;
            --text-muted: #9CA3AF;
            
            /* Glass Morphism Variables */
            --glass-bg: rgba(255, 255, 255, 0.05);
            --glass-border: rgba(255, 255, 255, 0.1);
            --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
            --glass-blur: blur(20px);
            --glass-blur-light: blur(10px);
            --glass-blur-heavy: blur(40px);
            --glass-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
            --glass-gradient-dark: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        /* Glass Morphism Base Classes */
        .glass {
            background: var(--glass-bg);
            backdrop-filter: var(--glass-blur);
            -webkit-backdrop-filter: var(--glass-blur);
            border: 1px solid var(--glass-border);
            box-shadow: var(--glass-shadow);
        }
        
        .glass-light {
            background: rgba(255, 255, 255, 0.08);
            backdrop-filter: var(--glass-blur-light);
            -webkit-backdrop-filter: var(--glass-blur-light);
            border: 1px solid rgba(255, 255, 255, 0.15);
        }
        
        .glass-heavy {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: var(--glass-blur-heavy);
            -webkit-backdrop-filter: var(--glass-blur-heavy);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        
        .glass-card {
            background: var(--glass-gradient);
            backdrop-filter: var(--glass-blur);
            -webkit-backdrop-filter: var(--glass-blur);
            border: 1px solid var(--glass-border);
            box-shadow: var(--glass-shadow);
            border-radius: 16px;
        }
        
        .glass-button {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: var(--glass-blur-light);
            -webkit-backdrop-filter: var(--glass-blur-light);
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
        }
        
        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            line-height: 1.6;
            color: #ffffff;
            background: linear-gradient(135deg, #0B0B0F 0%, #151620 100%);
            min-height: 100vh;
            overflow-x: hidden;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            width: 100%;
            background: transparent;
        }
        
        /* Header */
        .header {
            background: rgba(11, 11, 15, 0.8);
            backdrop-filter: var(--glass-blur);
            -webkit-backdrop-filter: var(--glass-blur);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
            position: sticky;
            top: 0;
            z-index: 100;
            border-bottom: 1px solid var(--glass-border);
        }
        
        .nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 0;
        }
        
        .logo {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
            text-decoration: none;
        }
        
        .breadcrumb {
            font-size: 0.875rem;
            color: var(--text-muted);
        }
        
        .breadcrumb a {
            color: var(--primary-color);
            text-decoration: none;
        }
        
        /* Hero Section */
        .hero {
            padding: 2rem 0;
            background: transparent;
            position: relative;
            overflow: hidden;
            min-height: auto;
        }
        
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23DC2626" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23DC2626" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="%23DC2626" opacity="0.05"/><circle cx="10" cy="60" r="0.5" fill="%23DC2626" opacity="0.05"/><circle cx="90" cy="40" r="0.5" fill="%23DC2626" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
            opacity: 0.3;
            pointer-events: none;
        }
        
        .hero-content {
            display: grid;
            grid-template-columns: 1.1fr 0.9fr;
            gap: 2rem;
            align-items: center;
            min-height: 45vh;
            position: relative;
            z-index: 1;
        }
        
        .hero-text h1 {
            font-size: 3rem;
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 1rem;
            color: var(--dark-text);
            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
            animation: slideInUp 0.8s ease-out;
        }
        
        .hero-text .subheadline {
            font-size: 1.25rem;
            color: var(--text-secondary);
            margin-bottom: 2rem;
        }
        
        .price-display {
            display: inline-block;
            background: linear-gradient(135deg, rgba(5, 150, 105, 0.8), rgba(4, 120, 87, 0.8));
            backdrop-filter: var(--glass-blur-light);
            -webkit-backdrop-filter: var(--glass-blur-light);
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 12px;
            font-weight: 700;
            font-size: 1.25rem;
            margin-bottom: 2rem;
            box-shadow: 0 8px 32px rgba(5, 150, 105, 0.3);
            border: 1px solid rgba(4, 120, 87, 0.5);
            cursor: default;
            user-select: none;
        }

        .lightning-deal-banner {
            background: linear-gradient(135deg, rgba(255, 107, 53, 0.9), rgba(247, 147, 30, 0.9));
            backdrop-filter: var(--glass-blur-light);
            -webkit-backdrop-filter: var(--glass-blur-light);
            border-radius: 15px;
            padding: 20px;
            margin: 20px 0;
            text-align: center;
            box-shadow: var(--glass-shadow);
            border: 1px solid rgba(255, 215, 0, 0.3);
        }

        .deal-timer {
            margin-bottom: 15px;
        }

        .timer-label {
            color: white;
            font-weight: 700;
            font-size: 1.1rem;
            display: block;
            margin-bottom: 10px;
        }

        .countdown-timer {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            margin: 15px 0;
        }

        .time-unit {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 8px;
            padding: 10px 15px;
            min-width: 60px;
            text-align: center;
        }

        .time-value {
            display: block;
            font-size: 2rem;
            font-weight: 900;
            color: white;
            line-height: 1;
        }

        .time-label {
            display: block;
            font-size: 0.8rem;
            font-weight: 600;
            color: white;
            margin-top: 5px;
        }

        .time-separator {
            font-size: 2rem;
            font-weight: 900;
            color: white;
        }

        .original-price {
            color: white;
            font-size: 0.9rem;
            font-weight: 600;
            margin-top: 10px;
            opacity: 0.9;
        }
        
        .stock-counter {
            background: linear-gradient(135deg, #DC2626, #B91C1C);
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: 700;
            text-align: center;
            margin-top: 10px;
            box-shadow: 0 4px 15px rgba(220, 38, 38, 0.3);
            animation: pulse 2s infinite;
        }
        
        .cta-form {
            background: transparent;
            padding: 2rem;
            border-radius: 8px;
            box-shadow: none;
            border: none;
            margin-bottom: 1rem;
        }
        
        .cta-button {
            width: 100%;
            background: linear-gradient(135deg, rgba(255, 214, 107, 0.9), rgba(245, 158, 11, 0.9));
            backdrop-filter: var(--glass-blur-light);
            -webkit-backdrop-filter: var(--glass-blur-light);
            color: #000;
            border: 1px solid rgba(255, 214, 107, 0.3);
            padding: 1rem 2rem;
            border-radius: 50px;
            font-size: 1.25rem;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            margin-bottom: 1rem;
            min-height: 48px;
            touch-action: manipulation;
            -webkit-tap-highlight-color: transparent;
            box-shadow: var(--glass-shadow);
            position: relative;
            overflow: hidden;
        }
        
        .cta-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            transition: left 0.5s;
        }
        
        .cta-button:hover::before {
            left: 100%;
        }
        
        .cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(255, 214, 107, 0.6);
        }
        
        .cta-button:focus {
            outline: 3px solid rgba(255, 214, 107, 0.5);
        }
        
        .trust-line {
            font-size: 0.875rem;
            color: var(--text-muted);
            text-align: center;
        }
        
        .guarantee-badge {
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.9), rgba(5, 150, 105, 0.9));
            backdrop-filter: var(--glass-blur-light);
            -webkit-backdrop-filter: var(--glass-blur-light);
            color: white;
            padding: 1rem;
            border-radius: 16px;
            margin-top: 1rem;
            text-align: center;
            box-shadow: var(--glass-shadow);
            border: 1px solid rgba(5, 120, 87, 0.5);
        }
        
        .guarantee-icon {
            font-size: 1.2rem;
            margin-right: 0.5rem;
        }
        
        .guarantee-text {
            font-size: 0.9rem;
            font-weight: 600;
        }
        
            .hero-visual {
                text-align: center;
                margin-top: 1rem;
            }
        
        .hero-visual {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .hero-mockup {
            background: var(--glass-gradient);
            backdrop-filter: var(--glass-blur);
            -webkit-backdrop-filter: var(--glass-blur);
            border-radius: 16px;
            box-shadow: var(--glass-shadow);
            border: 1px solid var(--glass-border);
            overflow: hidden;
            max-width: 400px;
            width: 100%;
        }

        .mockup-screen {
            background: var(--dark-bg-solid);
        }

        .mockup-header {
            background: var(--border-color);
            padding: 12px 16px;
            display: flex;
            align-items: center;
            gap: 12px;
            border-bottom: 1px solid var(--border-color);
        }

        .mockup-dots {
            display: flex;
            gap: 6px;
        }

        .mockup-dots span {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: var(--neutral-500);
        }

        .mockup-dots span:first-child {
            background: #ef4444;
        }

        .mockup-dots span:nth-child(2) {
            background: #f59e0b;
        }

        .mockup-dots span:nth-child(3) {
            background: #10b981;
        }

        .mockup-title {
            font-size: 14px;
            font-weight: 600;
            color: var(--text-primary);
        }

        .mockup-content {
            padding: 20px;
            display: grid;
            gap: 12px;
        }

        .mockup-folder {
            background: var(--card-bg);
            border: 1px solid var(--border-color);
            border-radius: 12px;
            padding: 16px;
            display: flex;
            align-items: flex-start;
            gap: 12px;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
        }

        .mockup-folder:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0, 163, 255, 0.2);
            border-color: var(--primary-color);
        }

        .folder-icon {
            font-size: 28px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transform: scale(1.1);
        }

        .folder-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .folder-name {
            font-weight: 700;
            font-size: 18px;
            color: var(--text-primary);
            margin: 0;
            text-align: left;
        }

        .folder-description {
            font-size: 12px;
            color: var(--text-secondary);
            margin: 0;
            line-height: 1.3;
            text-align: left;
            word-wrap: break-word;
            overflow-wrap: break-word;
            max-width: 100%;
        }

        .folder-count {
            background: var(--primary-color);
            color: white;
            padding: 4px 8px;
            border-radius: 12px;
            font-size: 12px;
            font-weight: 600;
        }

        /* Trust Bar */
        .trust-bar {
            background: transparent;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            padding: 20px 0;
        }

        .trust-items {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 16px;
            text-align: center;
        }

        .trust-item {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            font-weight: 500;
            color: #374151;
            padding: 8px 4px;
        }

        .trust-icon {
            font-size: 18px;
            flex-shrink: 0;
        }

        .trust-text {
            font-size: 13px;
            line-height: 1.3;
        }

        /* What's Included Section */
        .whats-included {
            padding: 3rem 0;
            background: transparent;
        }

        .whats-included h2 {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 3rem;
            color: #ffffff;
        }

        .included-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
        }

        .included-card {
            background: var(--glass-gradient);
            backdrop-filter: var(--glass-blur);
            -webkit-backdrop-filter: var(--glass-blur);
            border-radius: 16px;
            padding: 2rem;
            text-align: center;
            box-shadow: var(--glass-shadow);
            border: 1px solid var(--glass-border);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .included-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: var(--gradient-primary);
        }

        .included-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%);
        }

        .card-icon {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            display: block;
        }

        .card-number {
            font-size: 2rem;
            font-weight: 800;
            color: var(--primary-color);
            margin-bottom: 0.5rem;
        }

        .included-card h3 {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
            color: var(--text-primary);
        }

        .included-card p {
            color: var(--text-secondary);
            margin-bottom: 1.5rem;
            font-weight: 500;
        }

        .included-card ul {
            list-style: none;
            text-align: left;
        }

        .included-card li {
            padding: 0.5rem 0;
            color: var(--text-secondary);
            position: relative;
            padding-left: 1.5rem;
        }

        .included-card li::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--success-color);
            font-weight: bold;
        }

        /* Preview Section */
        .preview-section {
            padding: 4rem 0;
            background: white;
        }

        .preview-section h2 {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 3rem;
            color: var(--dark-text);
        }

        .preview-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 2rem;
        }

        .preview-category h3 {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: var(--dark-text);
        }

        .prompt-box {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .prompt-box:hover {
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            border-color: var(--primary-color);
        }

        .prompt-header {
            background: var(--primary-color);
            color: white;
            padding: 12px 16px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .prompt-category {
            font-weight: 600;
            font-size: 14px;
        }

        .copy-btn {
            background: rgba(255,255,255,0.2);
            color: white;
            border: 1px solid rgba(255,255,255,0.3);
            padding: 4px 12px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .copy-btn:hover {
            background: rgba(255,255,255,0.3);
        }

        .prompt-text {
            padding: 16px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            line-height: 1.5;
            color: #374151;
            background: white;
        }

        /* Use Cases Section */
        .use-cases {
            padding: 3rem 0;
            background: transparent;
        }

        .use-cases h2 {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 3rem;
            color: var(--text-primary);
        }

        .use-cases-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
        }

        .use-case-card {
            background: var(--card-bg);
            border-radius: 12px;
            padding: 2rem;
            text-align: center;
            box-shadow: 0 4px 6px rgba(0,0,0,0.3);
            border: 1px solid var(--border-color);
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
        }

        .use-case-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.4);
        }

        .use-case-icon {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            display: block;
        }

        .use-case-card h3 {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 1.5rem;
            color: var(--text-primary);
        }

        .use-case-card ul {
            list-style: none;
            text-align: left;
        }

        .use-case-card li {
            padding: 0.5rem 0;
            color: var(--text-secondary);
            position: relative;
            padding-left: 1.5rem;
        }

        .use-case-card li::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--success-color);
            font-weight: bold;
        }

        .use-case-card p {
            color: var(--text-secondary);
            line-height: 1.6;
            margin-bottom: 1.5rem;
            font-size: 1rem;
        }

        .use-case-highlight {
            background: var(--card-bg);
            border: 2px solid var(--primary-color);
            border-radius: 8px;
            padding: 1rem;
            margin-top: 1rem;
            font-size: 0.95rem;
            font-weight: 600;
            color: var(--text-primary);
            text-align: center;
            backdrop-filter: blur(10px);
        }

        .use-cases-closing {
            text-align: center;
            margin-top: 3rem;
            padding: 2rem;
            background: var(--card-bg);
            border-radius: 12px;
            border: 2px solid var(--border-color);
            backdrop-filter: blur(10px);
        }

        .use-cases-closing p {
            font-size: 1.2rem;
            line-height: 1.6;
            color: var(--text-primary);
            margin: 0;
        }

        /* Special Pack Section */
        .special-pack {
            padding: 4rem 0;
            background: transparent;
        }

        .special-pack h2 {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 3rem;
            color: var(--text-primary);
        }

        .special-feature {
            margin-bottom: 3rem;
            padding: 2rem;
            background: var(--card-bg);
            border-radius: 12px;
            border-left: 4px solid var(--primary-color);
            backdrop-filter: blur(10px);
        }

        .special-feature h3 {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: var(--text-primary);
        }

        .special-feature p {
            font-size: 1.1rem;
            line-height: 1.6;
            color: var(--text-secondary);
            margin-bottom: 1rem;
        }

        .highlight-text {
            font-weight: 600;
            color: var(--primary-color);
            font-size: 1rem;
        }

        .closing-message {
            text-align: center;
            margin-top: 3rem;
            padding: 2rem;
            background: linear-gradient(135deg, var(--primary-color), #7c3aed);
            border-radius: 12px;
            color: white;
        }

        .closing-message p {
            font-size: 1.3rem;
            line-height: 1.6;
            margin: 0;
        }

        /* How It Works Section */
        .how-it-works {
            padding: 4rem 0;
            background: white;
        }

        .how-it-works h2 {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 3rem;
            color: var(--dark-text);
        }

        .steps-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            max-width: 800px;
            margin: 0 auto;
        }

        .step-card {
            text-align: center;
            position: relative;
        }

        .step-number {
            width: 60px;
            height: 60px;
            background: var(--gradient-primary);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            font-weight: 700;
            margin: 0 auto 1rem;
        }

        .step-icon {
            font-size: 1.75rem;
            margin-bottom: 1rem;
            display: block;
        }

        .step-card h3 {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: var(--dark-text);
        }

        .step-card p {
            color: var(--neutral-500);
            line-height: 1.6;
        }

        /* Final CTA Section */
        .final-cta {
            padding: 4rem 0;
            background: transparent;
        }

        .pricing-card {
            background: var(--card-bg);
            border-radius: 20px;
            padding: 3rem;
            box-shadow: 0 25px 50px rgba(0,0,0,0.3);
            border: 2px solid var(--border-color);
            max-width: 700px;
            margin: 0 auto;
            text-align: center;
            position: relative;
            overflow: hidden;
            backdrop-filter: blur(10px);
        }

        .pricing-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #FFD700, #32CD32, #00BFFF, #FF4500, #FF8C00);
        }

        .pricing-header h2 {
            font-size: 2.2rem;
            font-weight: 700;
            margin-bottom: 1rem;
            color: var(--text-primary);
            line-height: 1.2;
        }

        .pricing-subtitle {
            font-size: 1.2rem;
            color: var(--electric-blue);
            margin-bottom: 2rem;
            font-weight: 600;
        }

        .pricing-breakdown {
            margin: 2rem 0;
            text-align: center;
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .value-comparison {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 2.5rem;
            margin-bottom: 2rem;
            padding: 1.5rem;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 15px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .original-value, .sale-price {
            text-align: center;
        }

        .original-price {
            font-size: 1.8rem;
            color: #999;
            text-decoration: line-through;
            display: block;
            margin-bottom: 0.5rem;
            font-weight: 600;
        }

        .value-label, .sale-label {
            font-size: 0.9rem;
            color: #b0b0b0;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .vs-divider {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--electric-blue);
        }

        .current-price {
            font-size: 3.8rem;
            font-weight: 900;
            color: var(--gradient-gold);
            display: block;
            margin-bottom: 0.5rem;
            text-shadow: 0 0 20px rgba(255, 215, 0, 0.3);
            line-height: 1;
        }

        .savings-badge {
            background: linear-gradient(135deg, #ff6b6b, #ee5a24);
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 25px;
            font-weight: 700;
            font-size: 1.1rem;
            display: inline-block;
            box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3);
        }

        .pricing-features {
            margin: 2rem 0;
        }

        .feature-item {
            display: flex;
            align-items: flex-start;
            gap: 1.2rem;
            padding: 1.5rem 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .feature-item:hover {
            background: rgba(255, 255, 255, 0.03);
            border-radius: 10px;
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .feature-item:last-child {
            border-bottom: none;
        }

        .feature-icon {
            font-size: 1.5rem;
            min-width: 2rem;
        }

        .feature-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .feature-content h4 {
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--text-primary);
            margin: 0;
            line-height: 1.3;
        }

        .feature-content p {
            color: #b0b0b0;
            font-size: 0.9rem;
            margin: 0;
            line-height: 1.4;
        }

        .feature-value {
            background: linear-gradient(135deg, #FFD700, #FFA500);
            color: #000;
            font-weight: 700;
            font-size: 0.95rem;
            padding: 0.4rem 0.8rem;
            border-radius: 20px;
            display: inline-block;
            margin-top: 0.5rem;
            border: 2px solid rgba(255, 215, 0, 0.3);
            box-shadow: 0 2px 8px rgba(255, 215, 0, 0.2);
            text-shadow: none;
            align-self: flex-start;
        }

        .pricing-cta {
            margin-top: 2rem;
        }


        .urgency-banner {
            background: linear-gradient(135deg, #ff6b6b, #ee5a24);
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 25px;
            margin-bottom: 1.5rem;
            text-align: center;
            animation: pulse 2s infinite;
        }

        .urgency-text {
            font-weight: 700;
            font-size: 0.9rem;
            letter-spacing: 0.5px;
        }

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

        .price-justification {
            background: rgba(0, 163, 255, 0.1);
            border: 1px solid rgba(0, 163, 255, 0.3);
            border-radius: 12px;
            padding: 1rem;
            margin: 1.5rem 0;
        }

        .justification-text {
            color: #e0e0e0;
            font-size: 1rem;
            line-height: 1.6;
            margin: 0;
            text-align: center;
        }

        .roi-highlight {
            background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 165, 0, 0.1));
            border: 1px solid rgba(255, 215, 0, 0.3);
            border-radius: 12px;
            padding: 1.25rem;
            display: flex;
            align-items: center;
            gap: 1rem;
            text-align: left;
        }

        .roi-icon {
            font-size: 2rem;
        }

        .roi-content {
            flex: 1;
        }

        .roi-content h4 {
            color: var(--gradient-gold);
            font-size: 1.2rem;
            font-weight: 700;
            margin: 0 0 0.5rem 0;
            line-height: 1.3;
        }

        .roi-content p {
            color: #e0e0e0;
            font-size: 0.9rem;
            margin: 0;
            line-height: 1.4;
        }

        .feature-benefits {
            display: flex;
            flex-wrap: wrap;
            gap: 0.6rem;
            margin: 0.5rem 0;
        }

        .benefit {
            background: rgba(0, 163, 255, 0.15);
            color: var(--electric-blue);
            padding: 0.4rem 0.8rem;
            border-radius: 15px;
            font-size: 0.85rem;
            font-weight: 600;
            border: 1px solid rgba(0, 163, 255, 0.2);
        }

        .urgency-timer {
            background: linear-gradient(135deg, #ff6b6b, #ee5a24);
            color: white;
            padding: 1rem;
            border-radius: 12px;
            margin-bottom: 1.5rem;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
        }

        .timer-icon {
            font-size: 1.2rem;
        }

        .timer-text {
            font-weight: 700;
            font-size: 1rem;
        }

        .social-proof {
            margin: 2rem 0;
            padding: 1.5rem;
            background: rgba(255, 255, 255, 0.03);
            border-radius: 15px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .proof-stats {
            display: flex;
            justify-content: space-around;
            gap: 1.5rem;
        }

        .stat {
            text-align: center;
            flex: 1;
        }

        .stat-number {
            display: block;
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--gradient-gold);
            margin-bottom: 0.25rem;
        }

        .stat-label {
            font-size: 0.8rem;
            color: #b0b0b0;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .button-subtitle {
            display: block;
            font-size: 0.9rem;
            font-weight: 500;
            margin-top: 0.25rem;
            opacity: 0.9;
        }

        .instant-access {
            color: #10b981;
            font-size: 0.9rem;
            font-weight: 600;
            margin-top: 0.5rem;
        }

        .price-display {
            margin-bottom: 2rem;
            position: relative;
        }

        .current-price {
            font-size: 4rem;
            font-weight: 900;
            color: var(--primary-color);
            text-shadow: 0 2px 4px rgba(37, 99, 235, 0.1);
            line-height: 1;
        }

        .original-price {
            display: inline-block;
            background: linear-gradient(135deg, #FFD700, #FF8C00, #FF4500);
            color: #000;
            padding: 0.5rem 1rem;
            border-radius: 25px;
            font-size: 1rem;
            font-weight: 700;
            margin: 1rem 0;
            box-shadow: 0 4px 12px rgba(255, 140, 0, 0.4);
        }

        .regular-price {
            font-size: 1.1rem;
            color: var(--neutral-500);
            font-weight: 500;
        }

        .pricing-features {
            margin-bottom: 2rem;
        }

        .feature-item {
            padding: 0.75rem 0;
            font-weight: 500;
            color: var(--text-primary);
            border-bottom: 1px solid var(--border-color);
        }

        .feature-item:last-child {
            border-bottom: none;
        }

        .final-cta-button {
            width: 100%;
            background: linear-gradient(135deg, rgba(0, 163, 255, 0.9) 0%, rgba(29, 78, 216, 0.9) 50%, rgba(0, 163, 255, 0.9) 100%);
            backdrop-filter: var(--glass-blur-light);
            -webkit-backdrop-filter: var(--glass-blur-light);
            color: white;
            border: 1px solid rgba(0, 163, 255, 0.3);
            padding: 1.75rem 2rem;
            border-radius: 18px;
            font-size: 1.4rem;
            font-weight: 800;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            margin: 2rem 0;
            position: relative;
            overflow: hidden;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            box-shadow: 0 8px 25px rgba(0, 163, 255, 0.2);
        }

        .final-cta-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            transition: left 0.6s;
        }

        .final-cta-button:hover::before {
            left: 100%;
        }

        .final-cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(37, 99, 235, 0.4);
        }

        .final-cta-button:active {
            transform: translateY(-1px);
        }
        
        /* Sticky Purchase Button */
        .sticky-purchase-button {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(135deg, rgba(11, 11, 15, 0.95) 0%, rgba(21, 22, 32, 0.95) 100%);
            backdrop-filter: blur(25px);
            -webkit-backdrop-filter: blur(25px);
            border-top: 2px solid rgba(0, 163, 255, 0.3);
            padding: 0;
            z-index: 1000;
            box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.4), 0 -4px 20px rgba(0, 163, 255, 0.1);
            display: none;
            animation: slideUp 0.3s ease-out;
        }
        
        @keyframes slideUp {
            from {
                transform: translateY(100%);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }
        
        .sticky-purchase-button .container {
            width: 100%;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0;
            flex-shrink: 0;
        }
        
        .sticky-purchase-button .final-cta-button {
            width: 100%;
            margin: 0.5rem;
            font-size: 1.2rem;
            padding: 1.25rem 1rem;
            background: linear-gradient(135deg, #00A3FF 0%, #1D4ED8 50%, #00A3FF 100%);
            color: white;
            border: none;
            border-radius: 25px;
            font-weight: 900;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 163, 255, 0.4), 0 4px 15px rgba(0, 163, 255, 0.2);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            flex-shrink: 0;
            min-height: 60px;
        }
        
        .sticky-purchase-button .final-cta-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            transition: left 0.8s;
        }
        
        .sticky-purchase-button .final-cta-button:hover::before {
            left: 100%;
        }
        
        .sticky-purchase-button .final-cta-button:hover {
            transform: translateY(-4px) scale(1.02);
            box-shadow: 0 20px 50px rgba(0, 163, 255, 0.5), 0 8px 25px rgba(0, 163, 255, 0.3);
            border-color: rgba(0, 163, 255, 0.6);
        }
        
        .sticky-purchase-button .final-cta-button:active {
            transform: translateY(-2px) scale(0.98);
        }
        
        .sticky-purchase-button .final-cta-button::after {
            content: '🚀';
            font-size: 1.1rem;
            margin-left: 0.5rem;
        }
        
        .sticky-purchase-button .security-info {
            width: 100%;
            font-size: 0.8rem;
            margin: 0;
            padding: 0.75rem 1rem;
            text-align: center;
            color: rgba(255, 255, 255, 0.8);
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            background: rgba(0, 0, 0, 0.2);
        }
        
        .sticky-purchase-button .security-info::before {
            content: '✨';
            font-size: 0.9rem;
        }

        .security-info {
            text-align: center;
        }

        .payment-methods {
            display: flex;
            justify-content: center;
            gap: 0.75rem;
            margin-bottom: 1rem;
            flex-wrap: wrap;
        }
        
        .purchase-section {
            text-align: center;
            margin-top: 2rem;
            padding: 2rem;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .purchase-section .security-info {
            font-size: 0.9rem;
            color: var(--text-muted);
            margin: 1rem 0;
            line-height: 1.5;
        }

        .payment-method {
            background: #f8fafc;
            padding: 0.5rem 0.75rem;
            border-radius: 6px;
            font-size: 0.8rem;
            font-weight: 500;
            color: var(--neutral-600);
            white-space: nowrap;
        }

        .guarantee-text {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            font-size: 0.875rem;
            color: var(--neutral-500);
        }

        .guarantee-icon {
            font-size: 1rem;
        }

        /* Benefits Section */
        .benefits-section {
            padding: 4rem 0;
            background: transparent;
        }

        .benefits-section h2 {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 3rem;
            color: var(--text-primary);
        }

        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            margin-bottom: 3rem;
        }

        .benefit-card {
            background: var(--glass-gradient);
            backdrop-filter: var(--glass-blur);
            -webkit-backdrop-filter: var(--glass-blur);
            border-radius: 16px;
            padding: 2rem;
            text-align: center;
            box-shadow: var(--glass-shadow);
            border: 1px solid var(--glass-border);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .benefit-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
        }

        .benefit-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%);
        }

        .benefit-icon {
            font-size: 3rem;
            margin-bottom: 1rem;
            display: block;
        }

        .benefit-card h3 {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 1rem;
            color: var(--text-primary);
        }

        .benefit-card p {
            color: var(--text-secondary);
            line-height: 1.6;
            margin-bottom: 1.5rem;
        }

        .benefit-highlight {
            background: linear-gradient(135deg, var(--primary-color), #1d4ed8);
            color: white;
            padding: 0.75rem 1rem;
            border-radius: 12px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.25rem;
        }

        .highlight-number {
            font-size: 1.5rem;
            font-weight: 800;
        }

        .highlight-text {
            font-size: 0.875rem;
            font-weight: 600;
            opacity: 0.9;
        }

        .benefits-stats {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2rem;
            background: var(--card-bg);
            padding: 2rem;
            border-radius: 16px;
            border: 1px solid var(--border-color);
            backdrop-filter: blur(10px);
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-size: 2.5rem;
            font-weight: 800;
            color: var(--primary-color);
            margin-bottom: 0.5rem;
            display: block;
        }

        .stat-label {
            font-size: 1rem;
            font-weight: 600;
            color: var(--neutral-600);
        }

        /* Ready to 10X Section */
        .ready-to-10x {
            padding: 4rem 0;
            background: linear-gradient(135deg, var(--primary-color) 0%, #1d4ed8 100%);
            color: white;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .ready-to-10x::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
            opacity: 0.3;
            pointer-events: none;
        }

        .ready-content {
            position: relative;
            z-index: 1;
        }

        .ready-to-10x h2 {
            font-size: 3rem;
            font-weight: 800;
            margin-bottom: 1rem;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }

        .ready-subtitle {
            font-size: 1.25rem;
            font-weight: 500;
            margin-bottom: 2rem;
            opacity: 0.9;
        }

        .ready-stats {
            display: flex;
            justify-content: center;
            gap: 3rem;
            flex-wrap: wrap;
        }

        .ready-stat {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            background: rgba(255, 255, 255, 0.1);
            padding: 1rem 1.5rem;
            border-radius: 12px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            transition: all 0.3s ease;
        }

        .ready-stat:hover {
            background: rgba(255, 255, 255, 0.15);
            transform: translateY(-2px);
        }

        .stat-icon {
            font-size: 1.5rem;
        }

        .stat-text {
            font-size: 1rem;
            font-weight: 600;
        }

        
        .badges {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin-top: 1rem;
            flex-wrap: wrap;
            align-items: center;
        }
        
        .badge {
            background: white;
            padding: 0.5rem 1rem;
            border-radius: 6px;
            font-size: 0.875rem;
            font-weight: 500;
            color: var(--dark-text);
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            border: 1px solid var(--border-color);
        }
        
        /* Benefits Section */
        .benefits {
            padding: 4rem 0;
            background: transparent;
        }
        
        .benefits h2 {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 3rem;
            color: var(--text-primary);
        }
        
        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            width: 100%;
        }
        
        .benefit-card {
            text-align: center;
            padding: 2rem;
            border-radius: 8px;
            background: white;
            border: 1px solid var(--border-color);
        }
        
        .benefit-icon {
            width: 60px;
            height: 60px;
            margin: 0 auto 1rem;
            background: var(--primary-color);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .benefit-card h3 {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: var(--text-primary);
        }
        
        .benefit-card ul {
            list-style: none;
            text-align: left;
        }
        
        .benefit-card li {
            padding: 0.5rem 0;
            color: var(--neutral-500);
            position: relative;
            padding-left: 1.5rem;
        }
        
        .benefit-card li::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--accent-color);
            font-weight: bold;
        }
        
        /* What's Inside Section */
        .whats-inside {
            padding: 4rem 0;
            background: var(--light-gray);
        }
        
        .whats-inside h2 {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 3rem;
            color: var(--dark-text);
        }
        
        .components-grid {
            display: grid;
            gap: 1rem;
        }
        
        .component-card {
            background: white;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            border: 1px solid var(--border-color);
            cursor: pointer;
            transition: all 0.3s ease;
            min-height: 60px;
            touch-action: manipulation;
            -webkit-tap-highlight-color: transparent;
        }
        
        .component-card:hover {
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            border-color: var(--primary-color);
        }
        
        .component-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .component-title {
            font-size: 1.25rem;
            font-weight: 600;
            color: var(--dark-text);
        }
        
        .component-value {
            color: var(--neutral-500);
            font-weight: 500;
        }
        
        .component-description {
            margin-top: 0.5rem;
            color: var(--neutral-500);
            display: none;
        }
        
        .component-card.expanded .component-description {
            display: block;
        }
        
        /* Demo Carousel */
        .demo-section {
            padding: 4rem 0;
            background: white;
        }
        
        .demo-section h2 {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 3rem;
            color: var(--dark-text);
        }
        
        .carousel {
            position: relative;
            max-width: 800px;
            margin: 0 auto;
            width: 100%;
        }
        
        .carousel-container {
            overflow: hidden;
            border-radius: 12px;
        }
        
        .carousel-track {
            display: flex;
            transition: transform 0.3s ease;
            width: 100%;
        }
        
        .carousel-slide {
            min-width: 100%;
            position: relative;
        }
        
        
        .carousel-controls {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin-top: 1rem;
        }
        
        .carousel-btn {
            background: var(--primary-color);
            color: white;
            border: none;
            padding: 0.5rem 1rem;
            border-radius: 4px;
            cursor: pointer;
            min-height: 44px;
            touch-action: manipulation;
            -webkit-tap-highlight-color: transparent;
        }
        
        .carousel-indicators {
            display: flex;
            justify-content: center;
            gap: 0.5rem;
            margin-top: 1rem;
        }
        
        .indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: var(--border-color);
            cursor: pointer;
            min-width: 44px;
            min-height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            touch-action: manipulation;
            -webkit-tap-highlight-color: transparent;
        }
        
        .indicator.active {
            background: var(--primary-color);
        }
        
        .prompt-toggle {
            margin-top: 1rem;
            padding: 1rem;
            background: var(--light-gray);
            border-radius: 6px;
            border: 1px solid var(--border-color);
        }
        
        .prompt-text {
            display: none;
            font-family: monospace;
            background: white;
            padding: 1rem;
            border-radius: 4px;
            margin-top: 0.5rem;
            border: 1px solid var(--border-color);
        }
        
        .success-highlight {
            background: linear-gradient(135deg, #059669, #047857);
            color: white;
            padding: 1rem;
            border-radius: 8px;
            margin-top: 1rem;
            font-weight: 600;
            text-align: center;
            box-shadow: 0 4px 15px rgba(5, 150, 105, 0.3);
        }
        
        .quick-benefits {
            background: white;
            padding: 3rem 0;
        }
        
        .benefits-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1rem;
            margin-top: 2rem;
        }
        
        .benefit-item {
            background: var(--card-bg);
            border: 2px solid var(--success-color);
            padding: 1rem 1.5rem;
            border-radius: 12px;
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--text-primary);
            text-align: center;
            box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
            backdrop-filter: blur(10px);
        }
        
        .quick-faq {
            background: #F9FAFB;
            padding: 3rem 0;
        }
        
        .faq-simple {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin-top: 2rem;
        }
        
        .faq-item-simple {
            background: white;
            padding: 1.5rem;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            border-left: 4px solid #10B981;
        }
        
        .faq-item-simple strong {
            color: #047857;
            font-size: 1.1rem;
        }
        
        .faq-item-simple p {
            margin-top: 0.5rem;
            color: #6B7280;
            font-size: 1rem;
        }
        
        .quick-testimonials {
            background: transparent;
            padding: 4rem 0;
        }

        .quick-testimonials h2 {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 3rem;
            color: #ffffff;
        }
        
        .testimonials-simple {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin-top: 2rem;
        }
        
        .testimonial-simple {
            background: var(--glass-gradient);
            backdrop-filter: var(--glass-blur);
            -webkit-backdrop-filter: var(--glass-blur);
            border: 1px solid rgba(16, 185, 129, 0.3);
            padding: 1.5rem;
            border-radius: 16px;
            text-align: center;
            box-shadow: var(--glass-shadow);
        }
        
        .testimonial-stars {
            font-size: 1.2rem;
            margin-bottom: 0.8rem;
            color: #F59E0B;
        }
        
        .testimonial-quote {
            background: linear-gradient(135deg, #10B981, #059669);
            color: white;
            padding: 0.8rem 1.2rem;
            border-radius: 20px;
            font-size: 1.1rem;
            font-weight: 700;
            margin-bottom: 1rem;
            display: inline-block;
            line-height: 1.3;
        }
        
        .testimonial-result {
            background: linear-gradient(135deg, #10B981, #059669);
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 1rem;
            display: inline-block;
        }
        
        .testimonial-simple p {
            color: var(--text-secondary);
            font-size: 1rem;
            margin-bottom: 1rem;
            font-style: italic;
        }
        
        .testimonial-author {
            color: var(--text-muted);
            font-size: 0.9rem;
            font-weight: 600;
        }
        
        .testimonials-cta {
            text-align: center;
            margin-top: 3rem;
            padding: 2rem;
            background: var(--card-bg);
            border-radius: 12px;
            border: 2px solid var(--border-color);
            backdrop-filter: blur(10px);
        }
        
        .testimonials-cta p {
            font-size: 1.2rem;
            line-height: 1.6;
            color: var(--text-primary);
            margin: 0;
        }
        
        .cta-highlight {
            color: var(--primary-color);
            font-weight: 700;
            font-size: 1.3rem;
        }
        
        /* Pricing CTA */
        .pricing-cta {
            background: var(--gradient-primary);
            color: white;
            padding: 4rem 0;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .pricing-cta::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
            opacity: 0.3;
            pointer-events: none;
        }
        
        .pricing-cta h2 {
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 1rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
            position: relative;
            z-index: 1;
        }
        
        .pricing-cta .price {
            font-size: 3.5rem;
            font-weight: 800;
            margin-bottom: 2rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
            position: relative;
            z-index: 1;
        }
        
        .pricing-cta .cta-button {
            background: var(--gradient-gold);
            color: #000;
            margin-bottom: 1rem;
        }
        
        .pricing-cta .cta-button:hover {
            background: linear-gradient(135deg, #F59E0B 0%, #FFD66B 100%);
            transform: translateY(-2px);
        }
        
        .upsell-checkbox {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            margin: 1rem 0;
            color: white;
        }
        
        .payment-icons {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin-top: 1rem;
            flex-wrap: wrap;
            align-items: center;
        }
        
        .payment-icon {
            background: white;
            padding: 0.5rem 1rem;
            border-radius: 4px;
            font-size: 0.875rem;
            font-weight: 500;
            color: var(--dark-text);
            border: 1px solid var(--border-color);
        }
        
        /* Testimonials */
        .testimonials {
            padding: 4rem 0;
            background: var(--light-gray);
        }
        
        .testimonials h2 {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 3rem;
            color: var(--dark-text);
        }
        
        .testimonials-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            width: 100%;
        }
        
        .testimonial {
            background: white;
            padding: 2rem;
            border-radius: 8px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            border: 1px solid var(--border-color);
        }
        
        .testimonial-header {
            display: flex;
            align-items: center;
            margin-bottom: 1rem;
        }
        
        .testimonial-photo {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            margin-right: 1rem;
            overflow: hidden;
            flex-shrink: 0;
        }
        
        .testimonial-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }
        
        .testimonial-info h4 {
            font-weight: 600;
            color: var(--dark-text);
        }
        
        .testimonial-info p {
            color: var(--neutral-500);
            font-size: 0.875rem;
        }
        
        .stars {
            display: flex;
            gap: 0.25rem;
            margin-bottom: 1rem;
        }
        
        .star {
            color: var(--warning-color);
        }
        
        .testimonial-text {
            color: var(--neutral-500);
            font-style: italic;
        }
        
        /* Trust Section */
        .trust-section {
            padding: 4rem 0;
            background: transparent;
        }
        
        .trust-section h2 {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 3rem;
            color: #ffffff;
        }
        
        .trust-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
        }
        
        .trust-item {
            text-align: center;
            padding: 2rem;
            background: white;
            border-radius: 8px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            border: 1px solid var(--border-color);
            transition: all 0.3s ease;
        }
        
        .trust-item:hover {
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            border-color: var(--primary-color);
        }
        
        .trust-icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 1rem;
            background: var(--primary-color);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
        }
        
        .trust-item h3 {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: var(--dark-text);
        }
        
        .trust-item p {
            color: var(--neutral-500);
            line-height: 1.6;
        }
        
        .trust-content {
            max-width: 800px;
            margin: 0 auto;
        }
        
        .trust-feature {
            margin-bottom: 2.5rem;
            padding: 2rem;
            background: var(--card-bg);
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.3);
            border-left: 4px solid var(--primary-color);
            position: relative;
            backdrop-filter: blur(10px);
        }
        
        .trust-feature-icon {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            display: block;
            text-align: center;
        }
        
        .trust-feature h3 {
            font-size: 1.4rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: var(--text-primary);
            text-align: center;
        }
        
        .trust-feature p {
            font-size: 1.1rem;
            line-height: 1.6;
            color: var(--text-secondary);
            margin: 0 0 1.5rem 0;
            text-align: center;
        }
        
        .trust-badge {
            display: inline-block;
            background: linear-gradient(135deg, #10B981, #059669);
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: 600;
            text-align: center;
            width: 100%;
            box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3);
        }
        
        .trust-closing {
            text-align: center;
            margin-top: 3rem;
            padding: 2.5rem;
            background: linear-gradient(135deg, var(--primary-color), #7c3aed);
            border-radius: 12px;
            color: white;
        }
        
        .trust-closing p {
            font-size: 1.2rem;
            line-height: 1.6;
            margin-bottom: 1.5rem;
        }
        
        .trust-cta {
            font-size: 1.3rem;
            font-weight: 700;
            margin: 0;
        }

        /* Guarantee */
        .guarantee {
            padding: 3rem 0;
            background: linear-gradient(135deg, #0B0B0F 0%, #151620 100%);
            text-align: center;
        }
        
        .guarantee h2 {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 1rem;
            color: #ffffff;
        }
        
        .guarantee p {
            color: #e5e7eb;
            margin-bottom: 2rem;
        }
        
        .guarantee-badges {
            display: flex;
            justify-content: center;
            gap: 1.5rem;
            margin: 2rem 0;
            flex-wrap: wrap;
        }
        
        .guarantee-badge {
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(5, 150, 105, 0.2));
            backdrop-filter: var(--glass-blur-light);
            border: 1px solid rgba(16, 185, 129, 0.4);
            border-radius: 12px;
            padding: 1rem 1.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            transition: all 0.3s ease;
        }
        
        .guarantee-badge:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(16, 185, 129, 0.3);
        }
        
        .guarantee-icon {
            font-size: 1.2rem;
        }
        
        .guarantee-text {
            font-size: 0.9rem;
            font-weight: 600;
            color: #ffffff;
        }
        
        .guarantee-cta {
            font-size: 1.2rem;
            margin-top: 2rem;
        }
        
        /* Trust Closing Section */
        .trust-closing-section {
            padding: 3rem 0;
            background: transparent;
            text-align: center;
        }
        
        .trust-closing-content {
            max-width: 800px;
            margin: 0 auto;
        }
        
        .trust-closing-content p {
            font-size: 1.2rem;
            line-height: 1.6;
            color: var(--text-secondary);
            margin-bottom: 1.5rem;
        }
        
        .trust-cta {
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--text-primary);
            margin: 0;
        }
        
        .security-badges {
            display: flex;
            justify-content: center;
            gap: 2rem;
            flex-wrap: wrap;
            align-items: center;
        }
        
        .security-badge {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--success-color);
            font-weight: 500;
        }
        
        /* FAQ */
        .faq {
            padding: 4rem 0;
            background: var(--light-gray);
        }
        
        .faq h2 {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 3rem;
            color: var(--dark-text);
        }
        
        .faq-list {
            max-width: 800px;
            margin: 0 auto;
        }
        
        .faq-item {
            background: white;
            margin-bottom: 1rem;
            border-radius: 6px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            border: 1px solid var(--border-color);
        }
        
        .faq-question {
            padding: 1.5rem;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
            color: var(--dark-text);
            min-height: 60px;
            touch-action: manipulation;
            -webkit-tap-highlight-color: transparent;
        }
        
        .faq-answer {
            padding: 0 1.5rem 1.5rem;
            color: var(--neutral-500);
            display: none;
        }
        
        .faq-item.expanded .faq-answer {
            display: block;
        }
        
        .faq-toggle {
            font-size: 1.5rem;
            color: var(--primary-color);
        }
        
        /* Footer */
        .footer {
            background: rgba(11, 11, 15, 0.95);
            color: var(--text-primary);
            padding: 3rem 0 1rem;
            border-top: 1px solid var(--border-color);
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin-bottom: 2rem;
        }
        
        .footer-section h3 {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 1rem;
        }
        
        .footer-section ul {
            list-style: none;
        }
        
        .footer-section li {
            margin-bottom: 0.5rem;
        }
        
        .footer-section a {
            color: var(--text-secondary);
            text-decoration: none;
            transition: color 0.3s ease;
        }
        
        .footer-section a:hover {
            color: var(--text-primary);
        }
        
        .footer-bottom {
            border-top: 1px solid var(--border-color);
            padding-top: 2rem;
            text-align: center;
            color: var(--text-muted);
        }
        
        /* Responsive Design */
        
        /* Large Desktop (1400px+) */
        @media (min-width: 1400px) {
            .container {
                max-width: 1400px;
            }
            
            .hero-text h1 {
                font-size: 3.5rem;
            }
            
            .hero-text .subheadline {
                font-size: 1.5rem;
            }
        }
        
        /* Desktop (1200px - 1399px) */
        @media (max-width: 1399px) and (min-width: 1200px) {
            .hero-text h1 {
                font-size: 3rem;
            }
        }
        
        /* Large Tablet (992px - 1199px) */
        @media (max-width: 1199px) and (min-width: 992px) {
            .hero-content {
                gap: 2rem;
            }
            
            .hero-text h1 {
                font-size: 2.5rem;
            }
            
            .benefits-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .testimonials-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        /* Tablet (768px - 991px) */
        @media (max-width: 991px) and (min-width: 768px) {
            .container {
                padding: 0 15px;
            }
            
            /* Reduce section padding for tablet */
            .section {
                padding: 2rem 0;
            }
            
            .hero {
                padding: 1.5rem 0;
                min-height: 60vh;
            }
            
            /* Optimize grids for tablet */
            .included-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 1.5rem;
            }
            
            .use-cases-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 1.5rem;
            }
            
            .hero {
                padding: 2rem 0;
                background: transparent;
            }
            
            .hero-content {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1.5rem;
                min-height: 60vh;
            }
            
            .hero-text h1 {
                font-size: 2.2rem;
                line-height: 1.3;
            }
            
            .hero-text .subheadline {
                font-size: 1.1rem;
                font-weight: 500;
            }
            
            .price-display {
                font-size: 1.2rem;
                padding: 0.8rem 1.8rem;
            }
            
            .cta-form {
                padding: 0;
                border-radius: 0;
                box-shadow: none;
                background: transparent;
                transform: none;
                transition: none;
            }
            
            .cta-form:hover {
                transform: none;
            }
            
            .cta-button {
                font-size: 1.1rem;
                padding: 1.2rem 2rem;
                border-radius: 12px;
                box-shadow: 0 8px 20px rgba(11, 99, 206, 0.3);
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            }
            
            .cta-button:hover {
                transform: translateY(-3px);
                box-shadow: 0 12px 25px rgba(11, 99, 206, 0.4);
            }
            
            .benefits-grid {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
            
            .benefit-card {
                padding: 2rem;
                border-radius: 16px;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                border: 2px solid transparent;
            }
            
            .benefit-card:hover {
                transform: translateY(-2px);
                border-color: var(--primary-color);
                box-shadow: 0 20px 40px rgba(0,0,0,0.15);
            }
            
            .testimonials-grid {
                grid-template-columns: 1fr;
            }
            
            .testimonial {
                padding: 2rem;
                border-radius: 16px;
                transition: all 0.3s ease;
            }
            
            .testimonial:hover {
                transform: translateY(-5px);
                box-shadow: 0 15px 30px rgba(0,0,0,0.15);
            }
            
            .benefits h2,
            .whats-inside h2,
            .demo-section h2,
            .testimonials h2,
            .faq h2 {
                font-size: 2rem;
            }
            
            .pricing-cta h2 {
                font-size: 2rem;
            }
            
            .pricing-cta .price {
                font-size: 2.5rem;
            }
            
            .component-card {
                padding: 1.5rem;
                border-radius: 12px;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            }
            
            .component-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 15px 30px rgba(0,0,0,0.15);
            }
        }
        
        /* Mobile Large (576px - 767px) */
        @media (max-width: 767px) and (min-width: 576px) {
            /* Reduce section padding for medium mobile */
            .section {
                padding: 1.5rem 0;
            }
            
            .hero {
                padding: 1.25rem 0;
                min-height: 50vh;
            }
            
            .trust-items {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }

            .trust-item {
                flex-direction: column;
                gap: 2px;
                padding: 6px 3px;
            }

            .trust-icon {
                font-size: 14px;
            }

            .trust-text {
                font-size: 8px;
                line-height: 1.0;
            }

            .card-icon {
                font-size: 2rem;
            }

            .use-case-icon {
                font-size: 2rem;
            }

            .step-icon {
                font-size: 1.5rem;
            }

            .payment-methods {
                gap: 0.5rem;
            }

            .payment-method {
                font-size: 0.75rem;
                padding: 0.4rem 0.6rem;
            }

            .pricing-card {
                padding: 1.25rem;
                border-radius: 12px;
                margin: 1rem 0;
                max-width: 100%;
            }

            .value-comparison {
                flex-direction: column;
                gap: 1.2rem;
                padding: 1rem;
            }

            .current-price {
                font-size: 2.8rem;
                line-height: 1;
            }

            .original-price {
                font-size: 1.5rem;
            }

            .feature-item {
                flex-direction: column;
                text-align: center;
                gap: 0.8rem;
                padding: 1.25rem 0;
                align-items: center;
            }
            
            .feature-content {
                align-items: center;
            }
            
            .feature-content h4 {
                font-size: 1.1rem;
            }
            
            .feature-benefits {
                justify-content: center;
                gap: 0.5rem;
            }
            
            .benefit {
                font-size: 0.8rem;
                padding: 0.3rem 0.6rem;
            }

            .proof-stats {
                flex-direction: column;
                gap: 1rem;
            }

            .roi-highlight {
                flex-direction: column;
                text-align: center;
            }

            .feature-benefits {
                justify-content: center;
            }

            .current-price {
                font-size: 2.8rem;
            }

            .original-price {
                font-size: 0.85rem;
                padding: 0.35rem 0.7rem;
            }

            .final-cta-button {
                font-size: 1rem;
                padding: 1rem 1.25rem;
                width: 100%;
                max-width: 320px;
            }

            .benefits-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.75rem;
            }

            .benefit-card {
                padding: 1rem;
            }
            
            /* Optimize grids for medium mobile */
            .included-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.75rem;
            }
            
            .use-cases-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.75rem;
            }

            .benefit-icon {
                font-size: 2.5rem;
            }

            .benefits-stats {
                grid-template-columns: repeat(2, 1fr);
                gap: 1.5rem;
                padding: 1.5rem;
            }

            .stat-number {
                font-size: 2rem;
            }

            .ready-to-10x h2 {
                font-size: 2rem;
            }

            .ready-subtitle {
                font-size: 0.95rem;
            }

            .ready-stats {
                gap: 2rem;
            }

            .ready-stat {
                padding: 0.75rem 1.25rem;
            }
            .container {
                padding: 0 15px;
            }
            
            .nav {
                padding: 0.75rem 0;
                backdrop-filter: blur(10px);
                background: rgba(11, 11, 15, 0.95);
                box-shadow: 0 2px 10px rgba(0,0,0,0.3);
                border-bottom: 1px solid var(--border-color);
            }
            
            .logo {
                font-size: 1.25rem;
                font-weight: 800;
                color: var(--text-primary);
            }
            
            .hero {
                padding: 1.5rem 0;
                background: transparent;
                position: relative;
                overflow: hidden;
            }
            
            .hero::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23000" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
                pointer-events: none;
            }
            
            .hero-content {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1.5rem;
                position: relative;
                z-index: 1;
                min-height: 75vh;
            }
            
            .hero-text h1 {
                font-size: 1.8rem;
                line-height: 1.3;
                margin-bottom: 0.75rem;
            }
            
            .hero-text .subheadline {
                font-size: 1rem;
                margin-bottom: 1.5rem;
                font-weight: 500;
            }
            
            .price-display {
                font-size: 1rem;
                padding: 0.5rem 1rem;
                margin-bottom: 1.5rem;
                box-shadow: 0 4px 15px rgba(5, 150, 105, 0.3);
            }
            
            .cta-form {
                padding: 0;
                border-radius: 0;
                box-shadow: none;
                background: transparent;
                backdrop-filter: none;
                transform: none;
                transition: none;
            }
            
            .cta-form:hover {
                transform: none;
                box-shadow: none;
            }
            
            .cta-button {
                font-size: 1rem;
                padding: 0.875rem 1.5rem;
                border-radius: 12px;
                box-shadow: 0 8px 20px rgba(11, 99, 206, 0.4);
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                position: relative;
                overflow: hidden;
            }
            
            .cta-button::before {
                content: '';
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
                transition: left 0.5s;
            }
            
            .cta-button:hover::before {
                left: 100%;
            }
            
            .cta-button:hover {
                transform: translateY(-3px);
                box-shadow: 0 12px 25px rgba(11, 99, 206, 0.5);
            }
            
            .hero-visual img {
                max-width: 90%;
                border-radius: 16px;
                box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            }
            
            .badges {
                gap: 0.5rem;
                margin-top: 0.75rem;
            }
            
            .badge {
                font-size: 0.75rem;
                padding: 0.375rem 0.75rem;
                border-radius: 25px;
                box-shadow: 0 4px 12px rgba(0,0,0,0.1);
                transition: all 0.3s ease;
            }
            
            .badge:hover {
                transform: translateY(-2px);
                box-shadow: 0 6px 16px rgba(0,0,0,0.15);
            }
            
            .benefits,
            .whats-inside,
            .demo-section,
            .testimonials,
            .guarantee,
            .faq {
                padding: 2.5rem 0;
            }
            
            .benefits h2,
            .whats-inside h2,
            .demo-section h2,
            .testimonials h2,
            .faq h2 {
                font-size: 1.75rem;
                margin-bottom: 2rem;
            }
            
            .benefits-grid {
                grid-template-columns: 1fr;
                gap: 1.25rem;
            }
            
            .benefit-card {
                padding: 1.5rem;
                border-radius: 16px;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                border: 2px solid transparent;
                position: relative;
                overflow: hidden;
            }
            
            .benefit-card::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
                opacity: 0;
                transition: opacity 0.3s ease;
                z-index: -1;
            }
            
            .benefit-card:hover::before {
                opacity: 0.05;
            }
            
            .benefit-card:hover {
                transform: translateY(-2px);
                border-color: var(--primary-color);
                box-shadow: 0 20px 40px rgba(0,0,0,0.15);
            }
            
            .benefit-card h3 {
                font-size: 1.25rem;
                font-weight: 700;
            }
            
            .component-card {
                padding: 1.25rem;
                border-radius: 12px;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                position: relative;
                overflow: hidden;
            }
            
            .component-card::before {
                content: '';
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, transparent, rgba(11, 99, 206, 0.1), transparent);
                transition: left 0.5s;
            }
            
            .component-card:hover::before {
                left: 100%;
            }
            
            .component-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 15px 30px rgba(0,0,0,0.15);
            }
            
            .component-title {
                font-size: 1.1rem;
                font-weight: 600;
            }
            
            .carousel-slide {
                padding: 1.5rem;
                border-radius: 16px;
                transition: all 0.3s ease;
            }
            
            .carousel-slide h3 {
                font-size: 1.1rem;
                font-weight: 600;
            }
            
            .testimonials-grid {
                grid-template-columns: 1fr;
                gap: 1.25rem;
            }
            
            .testimonial {
                padding: 1.5rem;
                border-radius: 16px;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                position: relative;
                overflow: hidden;
            }
            
            .testimonial::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(135deg, var(--success-color), var(--primary-color));
                opacity: 0;
                transition: opacity 0.3s ease;
                z-index: -1;
            }
            
            .testimonial:hover::before {
                opacity: 0.03;
            }
            
            .testimonial:hover {
                transform: translateY(-2px);
                box-shadow: 0 20px 40px rgba(0,0,0,0.15);
            }
            
            .pricing-cta {
                padding: 2rem 0;
                background: linear-gradient(135deg, var(--primary-color) 0%, #0A5AB8 100%);
                position: relative;
                overflow: hidden;
            }
            
            .pricing-cta::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="%23fff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
                pointer-events: none;
            }
            
            .pricing-cta h2 {
                font-size: 1.75rem;
                position: relative;
                z-index: 1;
            }
            
            .pricing-cta .price {
                font-size: 2rem;
                position: relative;
                z-index: 1;
            }
            
            .payment-icons {
                gap: 0.5rem;
                position: relative;
                z-index: 1;
            }
            
            .payment-icon {
                font-size: 0.75rem;
                padding: 0.375rem 0.75rem;
                border-radius: 8px;
                transition: all 0.3s ease;
            }
            
            .payment-icon:hover {
                transform: translateY(-2px);
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            
            .guarantee h2 {
                font-size: 1.5rem;
            }
            
            .security-badges {
                gap: 1rem;
            }
            
            .security-badge {
                transition: all 0.3s ease;
            }
            
            .security-badge:hover {
                transform: translateY(-2px);
            }
            
            .faq-question {
                padding: 1.25rem;
                font-size: 0.95rem;
                transition: all 0.3s ease;
                border-radius: 8px;
            }
            
            .faq-question:hover {
                background: rgba(11, 99, 206, 0.05);
            }
            
            .faq-answer {
                padding: 0 1.25rem 1.25rem;
                font-size: 0.9rem;
            }
        }
        
        /* Mobile Medium (576px - 767px) */
        @media (max-width: 767px) and (min-width: 576px) {
            .hero-text h1 {
                font-size: 1.8rem;
                line-height: 1.2;
            }
            
            .hero-text .subheadline {
                font-size: 1rem;
                max-width: 85%;
            }
            
            .cta-button {
                font-size: 0.95rem;
                padding: 0.85rem 1.4rem;
                max-width: 280px;
            }
            
            .included-grid {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
            
            .use-cases-grid {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
            
            .benefits-grid {
                grid-template-columns: 1fr;
                gap: 1.25rem;
            }
        }

        /* Mobile Small (320px - 575px) */
        @media (max-width: 575px) {
            /* Reduce section padding for mobile */
            .section {
                padding: 1.25rem 0;
            }
            
            .hero {
                padding: 1rem 0;
                min-height: 60vh;
                display: flex;
                align-items: center;
            }
            
            .trust-items {
                grid-template-columns: repeat(3, 1fr);
                gap: 4px;
            }

            .trust-item {
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 2px;
                padding: 6px 4px;
                background: #f8fafc;
                border-radius: 4px;
                margin-bottom: 1px;
                text-align: center;
            }

            .trust-icon {
                font-size: 14px;
                flex-shrink: 0;
            }

            .trust-text {
                font-size: 9px;
                text-align: center;
                line-height: 1.0;
            }

            .card-icon {
                font-size: 1.75rem;
            }

            .use-case-icon {
                font-size: 1.75rem;
            }

            .step-icon {
                font-size: 1.25rem;
            }

            .payment-methods {
                gap: 0.4rem;
            }

            .payment-method {
                font-size: 0.7rem;
                padding: 0.3rem 0.5rem;
            }

            .pricing-card {
                padding: 1rem;
                border-radius: 12px;
                margin: 0.75rem 0;
                text-align: center;
                transition: all 0.3s ease;
            }
            
            .pricing-card:hover {
                transform: translateY(-2px);
                box-shadow: 0 8px 25px rgba(0,0,0,0.15);
            }

            .current-price {
                font-size: 2.5rem;
                line-height: 1;
                margin-bottom: 0.5rem;
            }

            .original-price {
                font-size: 0.8rem;
                padding: 0.3rem 0.6rem;
                border-radius: 20px;
            }

            .final-cta-button {
                font-size: 0.9rem;
                padding: 0.85rem 1.1rem;
                width: 100%;
                max-width: 280px;
            }

            .benefits-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.5rem;
            }

            .benefit-card {
                padding: 0.75rem;
            }

            .benefit-icon {
                font-size: 1.5rem;
            }

            .benefits-stats {
                grid-template-columns: 1fr;
                gap: 0.75rem;
                padding: 1rem;
            }

            .stat-number {
                font-size: 1.5rem;
            }

            .ready-to-10x h2 {
                font-size: 1.5rem;
                line-height: 1.1;
            }

            .ready-subtitle {
                font-size: 0.8rem;
                line-height: 1.2;
            }

            .ready-stats {
                gap: 1rem;
                flex-direction: column;
                align-items: center;
            }

            .ready-stat {
                padding: 0.6rem 0.8rem;
                width: 100%;
                max-width: 280px;
            }
            
            /* Optimize included grid for mobile */
            .included-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.5rem;
            }
            
            .component-card {
                padding: 0.75rem;
                border-radius: 8px;
                transition: all 0.3s ease;
            }
            
            .component-card:hover {
                transform: translateY(-2px);
                box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            }
            
            /* Optimize use cases grid for mobile */
            .use-cases-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.5rem;
            }
            
            .use-case-card {
                padding: 0.75rem;
                border-radius: 8px;
                transition: all 0.3s ease;
            }
            
            .use-case-card:hover {
                transform: translateY(-2px);
                box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            }
            
            /* Special Pack Section for Mobile Small */
            .special-pack h2 {
                font-size: 1.6rem;
                margin-bottom: 1.25rem;
            }
            
            .special-features-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.5rem;
            }
            
            .special-feature {
                padding: 0.75rem;
                margin-bottom: 0.5rem;
            }
            
            .special-feature h3 {
                font-size: 0.9rem;
                margin-bottom: 0.375rem;
            }
            
            .special-feature p {
                font-size: 0.75rem;
                line-height: 1.25;
                margin-bottom: 0.375rem;
            }
            
            .highlight-text {
                font-size: 0.7rem;
                line-height: 1.2;
            }
            
            .closing-message {
                margin-top: 1.25rem;
                padding: 0.75rem;
            }
            
            .closing-message p {
                font-size: 0.8rem;
                line-height: 1.25;
            }
            
            /* Quick Testimonials for Mobile Small */
            .quick-testimonials h2 {
                font-size: 1.6rem;
                margin-bottom: 1.25rem;
            }
            
            .testimonials-simple {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.5rem;
                margin-top: 0.75rem;
            }
            
            .testimonial-simple {
                padding: 0.75rem;
                border-radius: 6px;
            }
            
            .testimonial-stars {
                font-size: 0.8rem;
                margin-bottom: 0.375rem;
            }
            
            .testimonial-quote {
                font-size: 0.9rem;
                margin-bottom: 0.375rem;
                line-height: 1.1;
            }
            
            .testimonial-simple p {
                font-size: 0.75rem;
                line-height: 1.25;
                margin-bottom: 0.375rem;
            }
            
            .testimonial-author {
                font-size: 0.7rem;
            }
            
            .testimonials-cta {
                margin-top: 1.25rem;
                padding: 0.75rem;
                border-radius: 6px;
            }
            
            .testimonials-cta p {
                font-size: 0.8rem;
                line-height: 1.25;
            }
            
            .cta-highlight {
                font-size: 0.9rem;
            }
            
            /* Trust Section for Mobile Small */
            .trust-section h2 {
                font-size: 1.6rem;
                margin-bottom: 1.25rem;
            }
            
            .trust-content {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.5rem;
            }
            
            .trust-feature {
                padding: 0.75rem;
                border-radius: 6px;
            }
            
            .trust-feature-icon {
                font-size: 1.25rem;
                margin-bottom: 0.375rem;
            }
            
            .trust-feature h3 {
                font-size: 0.9rem;
                margin-bottom: 0.375rem;
                line-height: 1.1;
            }
            
            .trust-feature p {
                font-size: 0.75rem;
                line-height: 1.25;
                margin-bottom: 0.375rem;
            }
            
            .trust-badge {
                font-size: 0.7rem;
                padding: 0.2rem 0.4rem;
                border-radius: 3px;
            }
            
            /* Pricing Section for Mobile Small */
            .final-cta {
                padding: 0.875rem 0 !important;
            }
            
            .pricing-card {
                padding: 0.5rem !important;
                border-radius: 4px !important;
                margin: 0.375rem 0 !important;
            }
            
            .urgency-banner {
                padding: 0.2rem 0.375rem !important;
                margin-bottom: 0.375rem !important;
            }
            
            .urgency-text {
                font-size: 0.65rem !important;
            }
            
            .pricing-header h2 {
                font-size: 1.2rem !important;
                line-height: 1.0 !important;
                margin-bottom: 0.375rem !important;
            }
            
            .pricing-subtitle {
                font-size: 0.75rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .justification-text {
                font-size: 0.65rem !important;
                line-height: 1.2 !important;
                margin-bottom: 0.5rem !important;
            }
            
            .value-comparison {
                gap: 0.375rem !important;
                padding: 0.375rem !important;
                margin-bottom: 0.375rem !important;
            }
            
            .current-price {
                font-size: 1.5rem !important;
                line-height: 1 !important;
            }
            
            .original-price {
                font-size: 0.9rem !important;
            }
            
            .value-label, .sale-label {
                font-size: 0.65rem !important;
            }
            
            .vs-divider {
                font-size: 0.65rem !important;
                padding: 0.2rem !important;
            }
            
            .savings-badge {
                padding: 0.2rem 0.375rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .savings-text {
                font-size: 0.65rem !important;
            }
            
            .pricing-features {
                margin: 0.5rem 0 !important;
            }
            
            .feature-item {
                padding: 0.375rem 0 !important;
                gap: 0.25rem !important;
            }
            
            .feature-icon {
                font-size: 0.9rem !important;
            }
            
            .feature-content h4 {
                font-size: 0.75rem !important;
                line-height: 1.0 !important;
                margin-bottom: 0.2rem !important;
            }
            
            .feature-content p {
                font-size: 0.65rem !important;
                line-height: 1.2 !important;
                margin-bottom: 0.2rem !important;
            }
            
            .feature-benefits {
                margin: 0.2rem 0 !important;
                gap: 0.2rem !important;
            }
            
            .benefit {
                font-size: 0.6rem !important;
                padding: 0.1rem 0.25rem !important;
            }
            
            .feature-value {
                font-size: 0.6rem !important;
            }
            
            .final-cta-button {
                font-size: 0.75rem !important;
                padding: 0.65rem 0.875rem !important;
                max-width: 240px !important;
                margin: 0.5rem auto 0 auto !important;
            }
            
            .security-info {
                font-size: 0.65rem !important;
                margin-top: 0.25rem !important;
            }
            
            /* Ultra-Compact Pricing for Mobile Small */
            .pricing-features {
                grid-template-columns: 1fr !important; /* Single column for very small screens */
                gap: 0.25rem !important;
                margin: 0.375rem 0 !important;
            }
            
            .feature-item {
                padding: 0.25rem !important;
                border-radius: 3px !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                text-align: center !important;
            }
            
            .feature-icon {
                font-size: 0.9rem !important;
                margin-bottom: 0.2rem !important;
            }
            
            .feature-content {
                width: 100% !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                text-align: center !important;
            }
            
            .feature-content h4 {
                font-size: 0.65rem !important;
                margin-bottom: 0.1rem !important;
                text-align: center !important;
                width: 100% !important;
            }
            
            .feature-content p {
                font-size: 0.55rem !important;
                margin-bottom: 0.1rem !important;
                text-align: center !important;
                width: 100% !important;
            }
            
            .feature-value {
                font-size: 0.55rem !important;
                font-weight: 700 !important;
                background: linear-gradient(135deg, #FFD700, #FFA500) !important;
                -webkit-background-clip: text !important;
                -webkit-text-fill-color: transparent !important;
                background-clip: text !important;
                color: #FFD700 !important;
                text-align: center !important;
                margin-top: 0.05rem !important;
                display: block !important;
            }
            
            .purchase-section {
                margin-top: 0.375rem !important;
                padding: 0.375rem !important;
            }
            
            .final-cta-button {
                font-size: 0.7rem !important;
                padding: 0.5rem 0.75rem !important;
                max-width: 200px !important;
            }
            
            /* Sticky Purchase Button for Mobile Small */
            .sticky-purchase-button .container {
                width: 100% !important;
                gap: 0 !important;
            }
            
            .sticky-purchase-button .final-cta-button {
                font-size: 0.9rem !important;
                padding: 0.875rem !important;
                margin: 0.5rem !important;
                border-radius: 18px !important;
                font-weight: 800 !important;
                letter-spacing: 0.2px !important;
                width: calc(100% - 1rem) !important;
                min-width: calc(100% - 1rem) !important;
                max-width: calc(100% - 1rem) !important;
            }
            
            .sticky-purchase-button .security-info {
                font-size: 0.7rem !important;
                margin: 0 !important;
                padding: 0.5rem !important;
            }
            
            /* Everything You Need Section for Mobile Small */
            .whats-included h2 {
                font-size: 1.6rem;
                margin-bottom: 1.25rem;
            }
            
            .included-card {
                padding: 0.75rem;
                border-radius: 6px;
            }
            
            .included-card h3 {
                font-size: 0.9rem;
                margin-bottom: 0.375rem;
                line-height: 1.1;
            }
            
            .included-card p {
                font-size: 0.75rem;
                line-height: 1.25;
                margin-bottom: 0.375rem;
            }
            
            .included-card ul {
                margin: 0.375rem 0;
            }
            
            .included-card li {
                font-size: 0.7rem;
                line-height: 1.25;
                margin-bottom: 0.2rem;
            }
            
            /* Mobile Small Title Optimizations */
            h1 {
                font-size: 1.6rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.5rem !important;
            }
            
            h2 {
                font-size: 1.4rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.5rem !important;
            }
            
            h3 {
                font-size: 1.1rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.375rem !important;
            }
            
            h4 {
                font-size: 0.95rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.375rem !important;
            }
            
            h5 {
                font-size: 0.85rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.25rem !important;
            }
            
            h6 {
                font-size: 0.75rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.25rem !important;
            }
            
            .hero-text h1 {
                font-size: 1.4rem !important;
                line-height: 1.0 !important;
                margin-bottom: 0.375rem !important;
            }
            
            .hero-text .subheadline {
                font-size: 0.8rem !important;
                line-height: 1.2 !important;
                margin-bottom: 0.75rem !important;
            }
            
            .section h2 {
                font-size: 1.3rem !important;
                line-height: 1.0 !important;
                margin-bottom: 0.75rem !important;
            }
            
            .card h3, .component-card h3, .use-case-card h3, .benefit-card h3 {
                font-size: 0.9rem !important;
                line-height: 1.0 !important;
                margin-bottom: 0.375rem !important;
            }
            
            .testimonial-quote {
                font-size: 0.9rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.375rem !important;
            }
            
            /* Mobile Small Additional Optimizations */
            .product-gallery {
                padding: 1.25rem 0;
            }
            
            .gallery-header h2 {
                font-size: 1.3rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .gallery-subtitle {
                font-size: 0.8rem !important;
                margin-bottom: 0.75rem !important;
            }
            
            .gallery-grid {
                gap: 0.375rem !important;
            }
            
            .gallery-grid img {
                width: 100% !important;
                height: auto !important;
                object-fit: contain !important;
            }
            
            .use-cases {
                padding: 1.25rem 0;
            }
            
            .use-cases h2 {
                font-size: 1.3rem !important;
                margin-bottom: 0.75rem !important;
            }
            
            .use-case-card {
                padding: 0.75rem !important;
            }
            
            .use-case-icon {
                font-size: 1.25rem !important;
                margin-bottom: 0.375rem !important;
            }
            
            .use-case-card h3 {
                font-size: 0.9rem !important;
                margin-bottom: 0.375rem !important;
            }
            
            .use-case-card p {
                font-size: 0.75rem !important;
                margin-bottom: 0.375rem !important;
            }
            
            .use-case-highlight {
                font-size: 0.7rem !important;
                padding: 0.375rem !important;
            }
            
            .use-cases-closing {
                margin-top: 0.75rem !important;
                padding: 0.5rem !important;
            }
            
            .use-cases-closing p {
                font-size: 0.75rem !important;
            }
            
            .guarantee {
                padding: 0.875rem 0 !important;
            }
            
            .guarantee h2 {
                font-size: 1.2rem !important;
                margin-bottom: 0.375rem !important;
            }
            
            .guarantee p {
                font-size: 0.7rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .guarantee-badges {
                gap: 0.375rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .guarantee-badge {
                padding: 0.375rem 0.5rem !important;
            }
            
            .guarantee-icon {
                font-size: 0.8rem !important;
                margin-right: 0.25rem !important;
            }
            
            .guarantee-text {
                font-size: 0.7rem !important;
            }
            
            .guarantee-cta {
                font-size: 0.75rem !important;
                margin-top: 0.5rem !important;
            }
            
            /* Trust Closing Section for Mobile Small */
            .trust-closing-section {
                padding: 1.25rem 0 !important;
            }
            
            .trust-closing-content p {
                font-size: 0.8rem !important;
                line-height: 1.25 !important;
                margin-bottom: 0.75rem !important;
            }
            
            .trust-cta {
                font-size: 0.9rem !important;
                line-height: 1.1 !important;
            }
            .container {
                padding: 0 15px;
                max-width: 100%;
            }
            
            .nav {
                padding: 0.5rem 0;
                backdrop-filter: blur(15px);
                background: rgba(11, 11, 15, 0.95);
                box-shadow: 0 2px 10px rgba(0,0,0,0.3);
                position: sticky;
                top: 0;
                z-index: 1000;
                border-bottom: 1px solid var(--border-color);
            }
            
            .logo {
                font-size: 1.1rem;
                font-weight: 900;
                color: var(--text-primary);
            }
            
            /* Improve touch targets for mobile */
            .cta-button, .final-cta-button {
                min-height: 48px;
                min-width: 48px;
                touch-action: manipulation;
                -webkit-tap-highlight-color: transparent;
                user-select: none;
            }
            
            /* Improve all interactive elements for mobile */
            button, .btn, .card, .component-card, .use-case-card {
                -webkit-tap-highlight-color: transparent;
                touch-action: manipulation;
            }
            
            /* Optimize form inputs for mobile */
            .cta-form input {
                font-size: 16px; /* Prevents zoom on iOS */
                padding: 0.75rem;
                border-radius: 12px;
            }
            
            /* Improve mobile scrolling */
            html {
                scroll-behavior: smooth;
                -webkit-overflow-scrolling: touch;
            }
            
            /* Better mobile spacing */
            .section {
                margin-bottom: 0;
            }
            
            /* Improve mobile text readability */
            body {
                -webkit-text-size-adjust: 100%;
                text-size-adjust: 100%;
            }
            
            /* Better mobile form styling */
            input, textarea, select {
                -webkit-appearance: none;
                appearance: none;
                border-radius: 8px;
                font-size: 16px; /* Prevents zoom on iOS */
            }
            
            /* Improve mobile button states */
            .cta-button:active,
            .final-cta-button:active {
                transform: scale(0.98);
                transition: transform 0.1s ease;
            }
            
            .hero {
                padding: 1rem 0;
                background: transparent;
                position: relative;
                overflow: hidden;
            }
            
            .hero-visual {
                margin-top: 1.5rem;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            .hero-mockup {
                max-width: 100%;
                width: 100%;
                max-width: 350px;
                margin: 0 auto;
            }
            
            .hero::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="mobile-grain" width="50" height="50" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="0.5" fill="%23000" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23mobile-grain)"/></svg>');
                pointer-events: none;
            }
            
            .hero-content {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1.5rem;
                position: relative;
                z-index: 1;
                min-height: 70vh;
                padding: 1rem 0;
            }
            
            .hero-text h1 {
                font-size: 1.8rem;
                line-height: 1.3;
                margin-bottom: 0.8rem;
                font-weight: 800;
                letter-spacing: -0.02em;
                padding: 0 0.5rem;
            }
            
            .hero-text .subheadline {
                font-size: 1rem;
                margin-bottom: 1.2rem;
                font-weight: 500;
                color: #4A5568;
                line-height: 1.5;
                max-width: 95%;
                margin-left: auto;
                margin-right: auto;
                padding: 0 0.5rem;
            }
            
            .price-display {
                font-size: 0.9rem;
                padding: 0.4rem 0.8rem;
                margin-bottom: 1rem;
                box-shadow: 0 6px 20px rgba(5, 150, 105, 0.4);
                border: 2px solid rgba(255, 255, 255, 0.3);
            }
            
            .cta-form {
                padding: 0;
                border-radius: 0;
                box-shadow: none;
                background: transparent;
                backdrop-filter: none;
                transform: none;
                transition: none;
                border: none;
                margin: 0;
            }
            
            .cta-form:hover {
                transform: none;
                box-shadow: none;
            }
            
            .cta-button {
                font-size: 1rem;
                padding: 1rem 1.5rem;
                border-radius: 15px;
                box-shadow: 0 10px 25px rgba(11, 99, 206, 0.5);
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                position: relative;
                overflow: hidden;
                font-weight: 700;
                letter-spacing: 0.5px;
                min-height: 52px;
                width: 100%;
                max-width: 320px;
                margin: 0 auto;
                display: block;
            }
            
            .cta-button::before {
                content: '';
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
                transition: left 0.6s;
            }
            
            .cta-button:hover::before {
                left: 100%;
            }
            
            .cta-button:hover {
                transform: translateY(-4px);
                box-shadow: 0 15px 35px rgba(11, 99, 206, 0.6);
            }
            
            .cta-button:active {
                transform: translateY(-2px);
                box-shadow: 0 8px 20px rgba(11, 99, 206, 0.4);
            }
            
            .trust-line {
                font-size: 0.75rem;
                font-weight: 500;
                color: #6B7280;
            }
            
            .hero-visual {
                background: transparent;
                padding: 0;
                margin: 1rem 0 0 0;
            }
            
            .hero-mockup {
                max-width: 100%;
                margin: 0 auto;
                box-shadow: 0 4px 20px rgba(0, 163, 255, 0.1);
            }
            
            .mockup-content {
                padding: 15px;
                gap: 10px;
            }
            
            .mockup-folder {
                padding: 12px;
                border-radius: 10px;
            }
            
            .folder-name {
                font-size: 16px;
            }
            
            .folder-description {
                font-size: 11px;
            }
            
            .hero-visual img {
                max-width: 90%;
                width: 100%;
                height: auto;
                border-radius: 20px;
                box-shadow: 0 4px 6px rgba(0,0,0,0.1);
                transition: all 0.3s ease;
                object-fit: cover;
            }
            
            .hero-visual img:hover {
                transform: scale(1.02);
                box-shadow: 0 6px 12px rgba(0,0,0,0.15);
            }
            
            /* Ensure all images are responsive */
            img {
                max-width: 100%;
                height: auto;
                object-fit: cover;
            }
            
            .badges {
                gap: 0.25rem;
                margin-top: 0.5rem;
                flex-direction: column;
                align-items: center;
            }
            
            .badge {
                font-size: 0.7rem;
                padding: 0.25rem 0.5rem;
                border-radius: 30px;
                box-shadow: 0 6px 15px rgba(0,0,0,0.15);
                transition: all 0.3s ease;
                font-weight: 600;
                background: linear-gradient(135deg, #fff, #f8fafc);
            }
            
            .badge:hover {
                transform: translateY(-3px);
                box-shadow: 0 8px 20px rgba(0,0,0,0.2);
            }
            
            .benefits,
            .whats-inside,
            .demo-section,
            .testimonials,
            .guarantee,
            .faq {
                padding: 2rem 0;
            }
            
            .faq-item-simple {
                padding: 1.25rem;
                margin-bottom: 1rem;
                border-radius: 12px;
                transition: all 0.3s ease;
            }
            
            .faq-item-simple:hover {
                transform: translateY(-1px);
                box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            }
            
            .faq-item-simple strong {
                font-size: 1rem;
                line-height: 1.3;
            }
            
            .faq-item-simple p {
                font-size: 0.9rem;
                line-height: 1.4;
                margin-top: 0.75rem;
            }
            
            .benefits h2,
            .whats-inside h2,
            .demo-section h2,
            .testimonials h2,
            .faq h2 {
                font-size: 1.6rem;
                margin-bottom: 1.5rem;
                font-weight: 800;
                line-height: 1.2;
                text-align: center;
            }
            
            h3 {
                font-size: 1.2rem;
                line-height: 1.3;
                margin-bottom: 0.75rem;
            }
            
            p {
                font-size: 0.95rem;
                line-height: 1.5;
                margin-bottom: 1rem;
            }
            
            .benefits-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
            }
            
            .benefit-card {
                padding: 1rem;
                border-radius: 20px;
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                border: 2px solid transparent;
                position: relative;
                overflow: hidden;
                background: linear-gradient(135deg, #fff, #f8fafc);
            }
            
            .benefit-card::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
                opacity: 0;
                transition: opacity 0.4s ease;
                z-index: -1;
            }
            
            .benefit-card:hover::before {
                opacity: 0.08;
            }
            
            .benefit-card:hover {
                transform: translateY(-2px);
                border-color: var(--primary-color);
                box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            }
            
            .benefit-icon {
                width: 50px;
                height: 50px;
                transition: all 0.3s ease;
            }
            
            .benefit-card:hover .benefit-icon {
                transform: scale(1.02);
            }
            
            .benefit-card h3 {
                font-size: 1.1rem;
                font-weight: 700;
            }
            
            .benefit-card li {
                font-size: 0.85rem;
                font-weight: 500;
            }
            
            .component-card {
                padding: 1rem;
                border-radius: 15px;
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                position: relative;
                overflow: hidden;
                background: linear-gradient(135deg, #fff, #f8fafc);
            }
            
            .component-card::before {
                content: '';
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, transparent, rgba(11, 99, 206, 0.15), transparent);
                transition: left 0.6s;
            }
            
            .component-card:hover::before {
                left: 100%;
            }
            
            .component-card:hover {
                transform: translateY(-2px);
                box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            }
            
            .component-title {
                font-size: 1rem;
                font-weight: 700;
            }
            
            .component-value {
                font-size: 0.9rem;
                font-weight: 600;
            }
            
            .carousel-slide {
                padding: 1rem;
                border-radius: 20px;
                transition: all 0.3s ease;
            }
            
            .carousel-slide h3 {
                font-size: 1rem;
                font-weight: 700;
            }
            
            .carousel-slide p {
                font-size: 0.85rem;
                font-weight: 500;
            }
            
            .carousel-btn {
                font-size: 0.8rem;
                padding: 0.4rem 0.8rem;
                border-radius: 10px;
                transition: all 0.3s ease;
                font-weight: 600;
            }
            
            .carousel-btn:hover {
                transform: translateY(-2px);
                box-shadow: 0 6px 15px rgba(11, 99, 206, 0.3);
            }
            
            .testimonials-grid {
                grid-template-columns: 1fr;
                gap: 1.25rem;
            }
            
            .testimonial-card {
                padding: 1.25rem;
                border-radius: 16px;
                transition: all 0.3s ease;
            }
            
            .testimonial-card:hover {
                transform: translateY(-2px);
                box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            }
            
            .testimonial {
                padding: 1rem;
                border-radius: 20px;
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                position: relative;
                overflow: hidden;
                background: linear-gradient(135deg, #fff, #f8fafc);
            }
            
            .testimonial::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(135deg, var(--success-color), var(--primary-color));
                opacity: 0;
                transition: opacity 0.4s ease;
                z-index: -1;
            }
            
            .testimonial:hover::before {
                opacity: 0.05;
            }
            
            .testimonial:hover {
                transform: translateY(-2px);
                box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            }
            
            .testimonial-photo {
                width: 40px;
                height: 40px;
                transition: all 0.3s ease;
            }
            
            .testimonial:hover .testimonial-photo {
                transform: scale(1.02);
            }
            
            .testimonial-info h4 {
                font-size: 0.9rem;
                font-weight: 700;
            }
            
            .testimonial-info p {
                font-size: 0.8rem;
                font-weight: 500;
            }
            
            .testimonial-text {
                font-size: 0.85rem;
                font-weight: 500;
            }
            
            .pricing-cta {
                padding: 1.5rem 0;
                background: linear-gradient(135deg, var(--primary-color) 0%, #0A5AB8 100%);
                position: relative;
                overflow: hidden;
            }
            
            .pricing-cta::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="mobile-dots" width="15" height="15" patternUnits="userSpaceOnUse"><circle cx="7.5" cy="7.5" r="0.5" fill="%23fff" opacity="0.15"/></pattern></defs><rect width="100" height="100" fill="url(%23mobile-dots)"/></svg>');
                pointer-events: none;
            }
            
            .pricing-cta h2 {
                font-size: 1.5rem;
                position: relative;
                z-index: 1;
                font-weight: 800;
            }
            
            .pricing-cta .price {
                font-size: 1.75rem;
                position: relative;
                z-index: 1;
                font-weight: 900;
            }
            
            .upsell-checkbox {
                font-size: 0.85rem;
                font-weight: 600;
                position: relative;
                z-index: 1;
            }
            
            .payment-icons {
                gap: 0.25rem;
                flex-wrap: wrap;
                position: relative;
                z-index: 1;
            }
            
            .payment-icon {
                font-size: 0.7rem;
                padding: 0.25rem 0.5rem;
                border-radius: 10px;
                transition: all 0.3s ease;
                font-weight: 600;
            }
            
            .payment-icon:hover {
                transform: translateY(-3px);
                box-shadow: 0 6px 15px rgba(0,0,0,0.3);
            }
            
            .guarantee {
                padding: 1.5rem 0;
            }
            
            .guarantee h2 {
                font-size: 1.25rem;
                font-weight: 800;
            }
            
            .guarantee p {
                font-size: 0.85rem;
                font-weight: 500;
            }
            
            .guarantee-badges {
                flex-direction: column;
                gap: 1rem;
            }
            
            .guarantee-badge {
                padding: 0.75rem 1rem;
            }
            
            .guarantee-text {
                font-size: 0.8rem;
            }
            
            .security-badges {
                gap: 0.75rem;
                flex-direction: column;
                align-items: center;
            }
            
            .security-badge {
                font-size: 0.8rem;
                font-weight: 600;
                transition: all 0.3s ease;
            }
            
            .security-badge:hover {
                transform: translateY(-3px);
            }
            
            .faq-question {
                padding: 1rem;
                font-size: 0.9rem;
                transition: all 0.3s ease;
                border-radius: 12px;
                font-weight: 600;
            }
            
            .faq-question:hover {
                background: rgba(11, 99, 206, 0.08);
                transform: translateY(-2px);
            }
            
            .faq-answer {
                padding: 0 1rem 1rem;
                font-size: 0.8rem;
                font-weight: 500;
            }
            
            .footer {
                padding: 2rem 0 1rem;
            }
            
            .footer-bottom p {
                font-size: 0.8rem;
                font-weight: 500;
            }
        }
        
        /* Extra Small Mobile (320px and below) */
        @media (max-width: 320px) {
            /* Further reduce spacing for very small screens */
            .section {
                padding: 1rem 0;
            }
            
            .hero {
                padding: 0.75rem 0;
                min-height: 50vh;
                display: flex;
                align-items: center;
            }
            
            .container {
                padding: 0 12px;
            }
            
            .hero-text h1 {
                font-size: 1.4rem;
                line-height: 1.15;
                margin-bottom: 0.5rem;
            }
            
            .hero-text .subheadline {
                font-size: 0.85rem;
                line-height: 1.3;
                max-width: 95%;
            }
            
            .trust-items {
                grid-template-columns: repeat(2, 1fr);
                gap: 3px;
            }

            .trust-item {
                flex-direction: column;
                justify-content: center;
                align-items: center;
                padding: 5px 4px;
                gap: 2px;
                text-align: center;
            }

            .trust-icon {
                font-size: 12px;
                flex-shrink: 0;
            }

            .trust-text {
                font-size: 8px;
                text-align: center;
                line-height: 1.0;
            }

            .card-icon {
                font-size: 1.5rem;
            }

            .use-case-icon {
                font-size: 1.5rem;
            }

            .step-icon {
                font-size: 1rem;
            }

            .payment-methods {
                gap: 0.3rem;
            }

            .payment-method {
                font-size: 0.65rem;
                padding: 0.25rem 0.4rem;
            }

            .pricing-card {
                padding: 0.875rem;
                border-radius: 8px;
                margin: 0.5rem 0;
                max-width: 100%;
            }

            .current-price {
                font-size: 2.2rem;
                line-height: 1;
            }

            .original-price {
                font-size: 1.2rem;
            }

            .pricing-header h2 {
                font-size: 1.5rem;
                line-height: 1.2;
            }

            .pricing-subtitle {
                font-size: 1rem;
            }
            
            .value-comparison {
                padding: 0.8rem;
                gap: 1rem;
            }
            
            .feature-item {
                padding: 1rem 0;
                gap: 0.6rem;
            }
            
            .feature-content h4 {
                font-size: 1rem;
            }
            
            .feature-content p {
                font-size: 0.85rem;
            }

            .urgency-banner {
                padding: 0.4rem 0.8rem;
            }

            .urgency-text {
                font-size: 0.8rem;
            }

            .justification-text {
                font-size: 0.9rem;
            }

            .roi-content h4 {
                font-size: 1rem;
            }

            .stat-number {
                font-size: 1.2rem;
            }

            .stat-label {
                font-size: 0.7rem;
            }

            .benefit {
                font-size: 0.7rem;
                padding: 0.2rem 0.4rem;
            }

            .current-price {
                font-size: 2.2rem;
                line-height: 1;
            }

            .original-price {
                font-size: 0.75rem;
                padding: 0.3rem 0.5rem;
                border-radius: 15px;
            }
            
            /* Better mobile spacing for very small screens */
            .section {
                padding: 0.875rem 0;
            }
            
            .container {
                padding: 0 8px;
            }
            
            /* Improve text readability on very small screens */
            .hero-text h1 {
                font-size: 1.3rem;
                line-height: 1.1;
            }
            
            .hero-text .subheadline {
                font-size: 0.8rem;
                line-height: 1.25;
            }

            .final-cta-button {
                font-size: 0.9rem;
                padding: 0.875rem 1rem;
            }

            .benefits-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.375rem;
            }

            .benefit-card {
                padding: 0.5rem;
            }

            .benefit-icon {
                font-size: 1.25rem;
            }

            .benefits-stats {
                grid-template-columns: 1fr;
                gap: 0.75rem;
                padding: 1rem;
            }

            .stat-number {
                font-size: 1.5rem;
            }

            .ready-to-10x h2 {
                font-size: 1.75rem;
            }

            .ready-subtitle {
                font-size: 0.9rem;
            }

            .ready-stats {
                gap: 1rem;
                flex-direction: column;
                align-items: center;
            }

            .ready-stat {
                padding: 0.5rem 0.75rem;
                width: 100%;
                max-width: 280px;
            }
            
            /* Special Pack Section for Extra Small Mobile */
            .special-pack h2 {
                font-size: 1.4rem;
                margin-bottom: 1rem;
            }
            
            .special-features-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.375rem;
            }
            
            .special-feature {
                padding: 0.5rem;
                margin-bottom: 0.375rem;
            }
            
            .special-feature h3 {
                font-size: 0.8rem;
                margin-bottom: 0.25rem;
                line-height: 1.1;
            }
            
            .special-feature p {
                font-size: 0.7rem;
                line-height: 1.2;
                margin-bottom: 0.25rem;
            }
            
            .highlight-text {
                font-size: 0.65rem;
                line-height: 1.1;
            }
            
            .closing-message {
                margin-top: 1rem;
                padding: 0.5rem;
            }
            
            .closing-message p {
                font-size: 0.75rem;
                line-height: 1.2;
            }
            
            /* Quick Testimonials for Extra Small Mobile */
            .quick-testimonials h2 {
                font-size: 1.4rem;
                margin-bottom: 1rem;
            }
            
            .testimonials-simple {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.375rem;
                margin-top: 0.5rem;
            }
            
            .testimonial-simple {
                padding: 0.5rem;
                border-radius: 4px;
            }
            
            .testimonial-stars {
                font-size: 0.7rem;
                margin-bottom: 0.25rem;
            }
            
            .testimonial-quote {
                font-size: 0.8rem;
                margin-bottom: 0.25rem;
                line-height: 1.0;
            }
            
            .testimonial-simple p {
                font-size: 0.7rem;
                line-height: 1.2;
                margin-bottom: 0.25rem;
            }
            
            .testimonial-author {
                font-size: 0.65rem;
            }
            
            .testimonials-cta {
                margin-top: 1rem;
                padding: 0.5rem;
                border-radius: 4px;
            }
            
            .testimonials-cta p {
                font-size: 0.75rem;
                line-height: 1.2;
            }
            
            .cta-highlight {
                font-size: 0.8rem;
            }
            
            /* Trust Section for Extra Small Mobile */
            .trust-section h2 {
                font-size: 1.4rem;
                margin-bottom: 1rem;
            }
            
            .trust-content {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.375rem;
            }
            
            .trust-feature {
                padding: 0.5rem;
                border-radius: 4px;
            }
            
            .trust-feature-icon {
                font-size: 1rem;
                margin-bottom: 0.25rem;
            }
            
            .trust-feature h3 {
                font-size: 0.8rem;
                margin-bottom: 0.25rem;
                line-height: 1.0;
            }
            
            .trust-feature p {
                font-size: 0.7rem;
                line-height: 1.2;
                margin-bottom: 0.25rem;
            }
            
            .trust-badge {
                font-size: 0.65rem;
                padding: 0.15rem 0.3rem;
                border-radius: 2px;
            }
            
            /* Pricing Section for Extra Small Mobile */
            .final-cta {
                padding: 1rem 0;
            }
            
            .pricing-card {
                padding: 0.5rem;
                border-radius: 4px;
                margin: 0.375rem 0;
            }
            
            .pricing-header h2 {
                font-size: 1.2rem;
                line-height: 1.0;
                margin-bottom: 0.375rem;
            }
            
            .pricing-subtitle {
                font-size: 0.75rem;
                margin-bottom: 0.5rem;
            }
            
            .justification-text {
                font-size: 0.7rem;
                line-height: 1.2;
            }
            
            .value-comparison {
                gap: 0.375rem;
                padding: 0.375rem;
            }
            
            .current-price {
                font-size: 1.5rem;
                line-height: 1;
            }
            
            .original-price {
                font-size: 0.9rem;
            }
            
            .feature-item {
                padding: 0.375rem 0;
                gap: 0.25rem;
            }
            
            .feature-content h4 {
                font-size: 0.75rem;
                line-height: 1.0;
            }
            
            .feature-content p {
                font-size: 0.7rem;
                line-height: 1.2;
            }
            
            .benefit {
                font-size: 0.6rem;
                padding: 0.1rem 0.25rem;
            }
            
            .final-cta-button {
                font-size: 0.8rem;
                padding: 0.7rem 0.9rem;
                max-width: 240px;
            }
            
            .security-info {
                font-size: 0.65rem;
                margin-top: 0.25rem;
            }
            
            /* Everything You Need Section for Extra Small Mobile */
            .whats-included h2 {
                font-size: 1.4rem;
                margin-bottom: 1rem;
            }
            
            .included-card {
                padding: 0.5rem;
                border-radius: 4px;
            }
            
            .included-card h3 {
                font-size: 0.8rem;
                margin-bottom: 0.25rem;
                line-height: 1.0;
            }
            
            .included-card p {
                font-size: 0.7rem;
                line-height: 1.2;
                margin-bottom: 0.25rem;
            }
            
            .included-card ul {
                margin: 0.25rem 0;
            }
            
            .included-card li {
                font-size: 0.65rem;
                line-height: 1.2;
                margin-bottom: 0.15rem;
            }
            
            /* Extra Small Mobile Title Optimizations */
            h1 {
                font-size: 1.4rem !important;
                line-height: 1.0 !important;
                margin-bottom: 0.375rem !important;
            }
            
            h2 {
                font-size: 1.2rem !important;
                line-height: 1.0 !important;
                margin-bottom: 0.375rem !important;
            }
            
            h3 {
                font-size: 1rem !important;
                line-height: 1.0 !important;
                margin-bottom: 0.25rem !important;
            }
            
            h4 {
                font-size: 0.9rem !important;
                line-height: 1.0 !important;
                margin-bottom: 0.25rem !important;
            }
            
            h5 {
                font-size: 0.8rem !important;
                line-height: 1.0 !important;
                margin-bottom: 0.2rem !important;
            }
            
            h6 {
                font-size: 0.7rem !important;
                line-height: 1.0 !important;
                margin-bottom: 0.2rem !important;
            }
            
            .hero-text h1 {
                font-size: 1.2rem !important;
                line-height: 0.95 !important;
                margin-bottom: 0.25rem !important;
            }
            
            .hero-text .subheadline {
                font-size: 0.75rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.5rem !important;
            }
            
            .section h2 {
                font-size: 1.1rem !important;
                line-height: 0.95 !important;
                margin-bottom: 0.5rem !important;
            }
            
            .card h3, .component-card h3, .use-case-card h3, .benefit-card h3 {
                font-size: 0.8rem !important;
                line-height: 0.95 !important;
                margin-bottom: 0.25rem !important;
            }
            
            .testimonial-quote {
                font-size: 0.8rem !important;
                line-height: 1.0 !important;
                margin-bottom: 0.25rem !important;
            }
            
            /* Extra Small Mobile Additional Optimizations */
            .product-gallery {
                padding: 1rem 0;
            }
            
            .gallery-header h2 {
                font-size: 1.1rem !important;
                margin-bottom: 0.375rem !important;
            }
            
            .gallery-subtitle {
                font-size: 0.75rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .gallery-grid {
                gap: 0.25rem !important;
            }
            
            .gallery-grid img {
                width: 100% !important;
                height: auto !important;
                object-fit: contain !important;
            }
            
            .gallery-btn {
                padding: 0.375rem 0.5rem !important;
                font-size: 0.9rem !important;
            }
            
            .gallery-dot {
                width: 4px !important;
                height: 4px !important;
            }
            
            .use-cases {
                padding: 1rem 0;
            }
            
            .use-cases h2 {
                font-size: 1.1rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .use-case-card {
                padding: 0.5rem !important;
            }
            
            .use-case-icon {
                font-size: 1rem !important;
                margin-bottom: 0.25rem !important;
            }
            
            .use-case-card h3 {
                font-size: 0.8rem !important;
                margin-bottom: 0.25rem !important;
            }
            
            .use-case-card p {
                font-size: 0.7rem !important;
                margin-bottom: 0.25rem !important;
            }
            
            .use-case-highlight {
                font-size: 0.65rem !important;
                padding: 0.25rem !important;
            }
            
            .use-cases-closing {
                margin-top: 0.5rem !important;
                padding: 0.375rem !important;
            }
            
            .use-cases-closing p {
                font-size: 0.7rem !important;
            }
            
            .guarantee {
                padding: 0.75rem 0 !important;
            }
            
            .guarantee h2 {
                font-size: 1rem !important;
                margin-bottom: 0.25rem !important;
            }
            
            .guarantee p {
                font-size: 0.65rem !important;
                margin-bottom: 0.375rem !important;
            }
            
            .guarantee-badges {
                gap: 0.25rem !important;
                margin-bottom: 0.375rem !important;
            }
            
            .guarantee-badge {
                padding: 0.25rem 0.375rem !important;
            }
            
            .guarantee-icon {
                font-size: 0.7rem !important;
                margin-right: 0.2rem !important;
            }
            
            .guarantee-text {
                font-size: 0.65rem !important;
            }
            
            .guarantee-cta {
                font-size: 0.7rem !important;
                margin-top: 0.375rem !important;
            }
            
            /* Trust Closing Section for Extra Small Mobile */
            .trust-closing-section {
                padding: 1rem 0 !important;
            }
            
            .trust-closing-content p {
                font-size: 0.75rem !important;
                line-height: 1.2 !important;
                margin-bottom: 0.5rem !important;
            }
            
            .trust-cta {
                font-size: 0.8rem !important;
                line-height: 1.0 !important;
            }
            
            /* Pricing Section for Extra Small Mobile */
            .final-cta {
                padding: 0.75rem 0 !important;
            }
            
            .pricing-card {
                padding: 0.375rem !important;
                border-radius: 3px !important;
                margin: 0.2rem 0 !important;
            }
            
            .urgency-banner {
                padding: 0.15rem 0.25rem !important;
                margin-bottom: 0.25rem !important;
            }
            
            .urgency-text {
                font-size: 0.6rem !important;
            }
            
            .pricing-header h2 {
                font-size: 1rem !important;
                line-height: 0.95 !important;
                margin-bottom: 0.25rem !important;
            }
            
            .pricing-subtitle {
                font-size: 0.65rem !important;
                margin-bottom: 0.375rem !important;
            }
            
            .justification-text {
                font-size: 0.6rem !important;
                line-height: 1.15 !important;
                margin-bottom: 0.375rem !important;
            }
            
            .value-comparison {
                gap: 0.25rem !important;
                padding: 0.25rem !important;
                margin-bottom: 0.25rem !important;
            }
            
            .current-price {
                font-size: 1.2rem !important;
                line-height: 1 !important;
            }
            
            .original-price {
                font-size: 0.8rem !important;
            }
            
            .value-label, .sale-label {
                font-size: 0.6rem !important;
            }
            
            .vs-divider {
                font-size: 0.6rem !important;
                padding: 0.15rem !important;
            }
            
            .savings-badge {
                padding: 0.15rem 0.25rem !important;
                margin-bottom: 0.375rem !important;
            }
            
            .savings-text {
                font-size: 0.6rem !important;
            }
            
            .pricing-features {
                margin: 0.375rem 0 !important;
            }
            
            .feature-item {
                padding: 0.25rem 0 !important;
                gap: 0.2rem !important;
            }
            
            .feature-icon {
                font-size: 0.8rem !important;
            }
            
            .feature-content h4 {
                font-size: 0.7rem !important;
                line-height: 0.95 !important;
                margin-bottom: 0.15rem !important;
            }
            
            .feature-content p {
                font-size: 0.6rem !important;
                line-height: 1.15 !important;
                margin-bottom: 0.15rem !important;
            }
            
            .feature-benefits {
                margin: 0.15rem 0 !important;
                gap: 0.15rem !important;
            }
            
            .benefit {
                font-size: 0.55rem !important;
                padding: 0.08rem 0.2rem !important;
            }
            
            .feature-value {
                font-size: 0.55rem !important;
            }
            
            .final-cta-button {
                font-size: 0.7rem !important;
                padding: 0.6rem 0.8rem !important;
                max-width: 220px !important;
                margin: 0.375rem auto 0 auto !important;
            }
            
            .security-info {
                font-size: 0.6rem !important;
                margin-top: 0.2rem !important;
            }
            
            /* Ultra-Compact Pricing for Extra Small Mobile */
            .pricing-features {
                grid-template-columns: 1fr !important;
                gap: 0.2rem !important;
                margin: 0.25rem 0 !important;
            }
            
            .feature-item {
                padding: 0.2rem !important;
                border-radius: 2px !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                text-align: center !important;
            }
            
            .feature-icon {
                font-size: 0.8rem !important;
                margin-bottom: 0.15rem !important;
            }
            
            .feature-content {
                width: 100% !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                text-align: center !important;
            }
            
            .feature-content h4 {
                font-size: 0.6rem !important;
                margin-bottom: 0.05rem !important;
                text-align: center !important;
                width: 100% !important;
            }
            
            .feature-content p {
                font-size: 0.5rem !important;
                margin-bottom: 0.05rem !important;
                text-align: center !important;
                width: 100% !important;
            }
            
            .feature-value {
                font-size: 0.5rem !important;
                font-weight: 700 !important;
                background: linear-gradient(135deg, #FFD700, #FFA500) !important;
                -webkit-background-clip: text !important;
                -webkit-text-fill-color: transparent !important;
                background-clip: text !important;
                color: #FFD700 !important;
                text-align: center !important;
                margin-top: 0.05rem !important;
                display: block !important;
            }
            
            .purchase-section {
                margin-top: 0.25rem !important;
                padding: 0.25rem !important;
            }
            
            .final-cta-button {
                font-size: 0.65rem !important;
                padding: 0.45rem 0.65rem !important;
                max-width: 180px !important;
            }
            
            /* Sticky Purchase Button for Extra Small Mobile */
            .sticky-purchase-button .container {
                width: 100% !important;
                gap: 0 !important;
            }
            
            .sticky-purchase-button .final-cta-button {
                font-size: 0.8rem !important;
                padding: 0.75rem !important;
                margin: 0.5rem !important;
                border-radius: 15px !important;
                font-weight: 800 !important;
                letter-spacing: 0.1px !important;
                width: calc(100% - 1rem) !important;
                min-width: calc(100% - 1rem) !important;
                max-width: calc(100% - 1rem) !important;
            }
            
            .sticky-purchase-button .security-info {
                font-size: 0.65rem !important;
                margin: 0 !important;
                padding: 0.5rem !important;
            }
            
            .security-info {
                font-size: 0.55rem !important;
                margin: 0.15rem 0 !important;
            }

            .stat-icon {
                font-size: 1.25rem;
            }

            .stat-text {
                font-size: 0.9rem;
            }
            .container {
                padding: 0 8px;
            }
            
            .hero-text h1 {
                font-size: 1.3rem;
            }
            
            .hero-text .subheadline {
                font-size: 0.8rem;
            }
            
            .price-display {
                font-size: 0.8rem;
                padding: 0.3rem 0.6rem;
            }
            
            .cta-button {
                font-size: 0.8rem;
                padding: 0.6rem 1rem;
            }
            
            .benefits h2,
            .whats-inside h2,
            .demo-section h2,
            .testimonials h2,
            .faq h2 {
                font-size: 1.3rem;
            }
            
            .pricing-cta h2 {
                font-size: 1.3rem;
            }
            
            .pricing-cta .price {
                font-size: 1.5rem;
            }
            
            .carousel-slide img {
                height: 200px;
            }
            
            .benefits-grid,
            .testimonials-grid {
                grid-template-columns: 1fr;
                gap: 0.75rem;
            }
        }
        
        /* Additional Mobile Compactness Optimizations */
        @media (max-width: 768px) {
            /* Further reduce spacing for all mobile devices */
            .section {
                margin-bottom: 0.5rem;
            }
            
            /* Compact hero for mobile */
            .hero {
                margin-bottom: 0.5rem;
            }
            
            /* Reduce spacing between sections */
            .section + .section {
                margin-top: -0.5rem;
            }
            
            /* Compact card spacing */
            .card, .component-card, .use-case-card, .benefit-card {
                margin-bottom: 0.75rem;
            }
            
            /* Reduce grid gaps and use 2-column layouts */
            .included-grid, .use-cases-grid, .benefits-grid {
                gap: 0.5rem;
            }
            
            /* Force 2-column layouts for mobile */
            .included-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .use-cases-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .benefits-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .testimonials-simple {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .trust-content {
                grid-template-columns: repeat(2, 1fr);
            }
            
            /* Additional Global Mobile Optimizations */
            .section {
                margin-bottom: 0.25rem !important;
            }
            
            .section + .section {
                margin-top: -0.25rem !important;
            }
            
            .container {
                padding: 0 12px !important;
            }
            
            /* Reduce all paragraph margins */
            p {
                margin-bottom: 0.5rem !important;
            }
            
            /* Reduce list item spacing */
            li {
                margin-bottom: 0.25rem !important;
            }
            
            /* Reduce button margins */
            .cta-button, .final-cta-button {
                margin-bottom: 0.5rem !important;
            }
            
            /* Reduce card margins */
            .card, .component-card, .use-case-card, .benefit-card, .testimonial-simple, .trust-feature, .special-feature {
                margin-bottom: 0.5rem !important;
            }
            
            /* Reduce grid gaps globally */
            .included-grid, .use-cases-grid, .benefits-grid, .testimonials-simple, .special-features-grid, .trust-content {
                gap: 0.5rem !important;
            }
            
            /* Reduce section padding globally */
            .hero, .whats-included, .product-gallery, .use-cases, .special-pack, .quick-testimonials, .trust-section, .trust-closing-section, .guarantee, .final-cta {
                padding: 1rem 0 !important;
            }
            
            /* Ultra-compact guarantee section */
            .guarantee {
                padding: 0.75rem 0 !important;
            }
            
            .guarantee h2 {
                font-size: 1.3rem !important;
                margin-bottom: 0.375rem !important;
            }
            
            .guarantee p {
                font-size: 0.7rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .guarantee-badges {
                gap: 0.375rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .guarantee-badge {
                padding: 0.375rem 0.5rem !important;
            }
            
            .guarantee-cta {
                font-size: 0.75rem !important;
                margin-top: 0.5rem !important;
            }
            
            /* Additional Ultra-Compact Pricing Optimizations */
            .pricing-features {
                display: grid !important;
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 0.375rem !important;
                margin: 0.5rem 0 !important;
            }
            
            .feature-item {
                padding: 0.375rem !important;
                border-radius: 4px !important;
                background: rgba(255, 255, 255, 0.02) !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                text-align: center !important;
            }
            
            .feature-icon {
                font-size: 1rem !important;
                margin-bottom: 0.25rem !important;
                display: block !important;
            }
            
            .feature-content {
                width: 100% !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                text-align: center !important;
            }
            
            .feature-content h4 {
                font-size: 0.7rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.15rem !important;
                text-align: center !important;
                width: 100% !important;
            }
            
            .feature-content p {
                font-size: 0.6rem !important;
                line-height: 1.2 !important;
                margin-bottom: 0.15rem !important;
                text-align: center !important;
                width: 100% !important;
            }
            
            .feature-benefits {
                display: none !important; /* Hide benefits on mobile for ultra-compactness */
            }
            
            .feature-value {
                font-size: 0.6rem !important;
                font-weight: 700 !important;
                background: linear-gradient(135deg, #FFD700, #FFA500) !important;
                -webkit-background-clip: text !important;
                -webkit-text-fill-color: transparent !important;
                background-clip: text !important;
                color: #FFD700 !important; /* Fallback for browsers that don't support background-clip */
                text-align: center !important;
                margin-top: 0.1rem !important;
                display: block !important;
            }
            
            .purchase-section {
                margin-top: 0.5rem !important;
                padding: 0.5rem !important;
            }
            
            .payment-methods {
                display: none !important; /* Hide payment methods on mobile for compactness */
            }
            
            .security-info {
                font-size: 0.65rem !important;
                margin: 0.25rem 0 !important;
                text-align: center !important;
            }
            
            /* Sticky Purchase Button for Mobile */
            .sticky-purchase-button {
                display: block !important;
                padding: 0 !important;
            }
            
            .sticky-purchase-button .container {
                width: 100% !important;
                gap: 0 !important;
            }
            
            .sticky-purchase-button .final-cta-button {
                font-size: 1rem !important;
                padding: 1rem !important;
                margin: 0.5rem !important;
                border-radius: 20px !important;
                font-weight: 800 !important;
                letter-spacing: 0.3px !important;
                width: calc(100% - 1rem) !important;
                min-width: calc(100% - 1rem) !important;
                max-width: calc(100% - 1rem) !important;
            }
            
            .sticky-purchase-button .security-info {
                font-size: 0.75rem !important;
                margin: 0 !important;
                padding: 0.5rem !important;
            }
            
            /* Ultra-Compact Pricing Breakdown */
            .pricing-breakdown {
                margin: 0.375rem 0 !important;
            }
            
            .value-comparison {
                flex-direction: row !important; /* Horizontal layout for compactness */
                gap: 0.25rem !important;
                padding: 0.25rem !important;
                margin-bottom: 0.25rem !important;
                justify-content: space-between !important;
                align-items: center !important;
                display: flex !important;
            }
            
            .original-value, .sale-price {
                text-align: center !important;
                flex: 1 !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
            }
            
            .original-price, .current-price {
                display: block !important;
                font-weight: 700 !important;
            }
            
            .value-label, .sale-label {
                display: block !important;
                font-size: 0.6rem !important;
                margin-top: 0.1rem !important;
            }
            
            .vs-divider {
                font-size: 0.6rem !important;
                padding: 0.1rem !important;
                align-self: center !important;
                font-weight: 600 !important;
                color: var(--electric-blue) !important;
            }
            
            .savings-badge {
                padding: 0.15rem 0.25rem !important;
                margin-bottom: 0.25rem !important;
                text-align: center !important;
                background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(5, 150, 105, 0.2)) !important;
                border-radius: 4px !important;
                border: 1px solid rgba(16, 185, 129, 0.3) !important;
            }
            
            .savings-text {
                font-size: 0.6rem !important;
                font-weight: 600 !important;
                color: #10B981 !important;
            }
            
            /* Reduce text sizes for mobile compactness */
            .hero-text h1 {
                font-size: 1.8rem;
                line-height: 1.2;
            }
            
            .hero-text .subheadline {
                font-size: 0.9rem;
                line-height: 1.3;
            }
            
            .card h3, .component-card h3, .use-case-card h3 {
                font-size: 1rem;
                line-height: 1.2;
            }
            
            .card p, .component-card p, .use-case-card p {
                font-size: 0.8rem;
                line-height: 1.3;
            }
            
            .benefit-card h4 {
                font-size: 0.9rem;
                line-height: 1.2;
            }
            
            .benefit-card p {
                font-size: 0.75rem;
                line-height: 1.3;
            }
            
            /* Global Mobile Title Optimizations */
            h1 {
                font-size: 1.8rem !important;
                line-height: 1.2 !important;
                margin-bottom: 0.75rem !important;
            }
            
            h2 {
                font-size: 1.6rem !important;
                line-height: 1.2 !important;
                margin-bottom: 0.75rem !important;
            }
            
            h3 {
                font-size: 1.2rem !important;
                line-height: 1.2 !important;
                margin-bottom: 0.5rem !important;
            }
            
            h4 {
                font-size: 1rem !important;
                line-height: 1.2 !important;
                margin-bottom: 0.5rem !important;
            }
            
            h5 {
                font-size: 0.9rem !important;
                line-height: 1.2 !important;
                margin-bottom: 0.375rem !important;
            }
            
            h6 {
                font-size: 0.8rem !important;
                line-height: 1.2 !important;
                margin-bottom: 0.375rem !important;
            }
            
            /* Specific title optimizations for key sections */
            .hero-text h1 {
                font-size: 1.6rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.5rem !important;
            }
            
            .hero-text .subheadline {
                font-size: 0.9rem !important;
                line-height: 1.3 !important;
                margin-bottom: 1rem !important;
            }
            
            .section h2 {
                font-size: 1.5rem !important;
                line-height: 1.1 !important;
                margin-bottom: 1rem !important;
            }
            
            .card h3, .component-card h3, .use-case-card h3, .benefit-card h3 {
                font-size: 1rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.5rem !important;
            }
            
            .testimonial-quote {
                font-size: 1rem !important;
                line-height: 1.2 !important;
                margin-bottom: 0.5rem !important;
            }
            
            /* Additional Mobile Title Optimizations */
            .pricing-header h2 {
                font-size: 1.6rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.75rem !important;
            }
            
            .pricing-subtitle {
                font-size: 0.9rem !important;
                line-height: 1.2 !important;
                margin-bottom: 1rem !important;
            }
            
            .ready-to-10x h2 {
                font-size: 1.5rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.75rem !important;
            }
            
            .ready-subtitle {
                font-size: 0.9rem !important;
                line-height: 1.2 !important;
                margin-bottom: 1rem !important;
            }
            
            .trust-section h2 {
                font-size: 1.5rem !important;
                line-height: 1.1 !important;
                margin-bottom: 1rem !important;
            }
            
            .quick-testimonials h2 {
                font-size: 1.5rem !important;
                line-height: 1.1 !important;
                margin-bottom: 1rem !important;
            }
            
            .whats-included h2 {
                font-size: 1.5rem !important;
                line-height: 1.1 !important;
                margin-bottom: 1rem !important;
            }
            
            .special-pack h2 {
                font-size: 1.5rem !important;
                line-height: 1.1 !important;
                margin-bottom: 1rem !important;
            }
            
            .final-cta h2 {
                font-size: 1.6rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.75rem !important;
            }
            
            /* Product Gallery Mobile Optimization */
            .product-gallery {
                padding: 1.5rem 0;
            }
            
            .gallery-header h2 {
                font-size: 1.5rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.75rem !important;
            }
            
            .gallery-subtitle {
                font-size: 0.9rem !important;
                line-height: 1.2 !important;
                margin-bottom: 1rem !important;
            }
            
            .gallery-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 0.5rem !important;
                margin-bottom: 1rem !important;
            }
            
            .gallery-grid img {
                border-radius: 6px !important;
                width: 100% !important;
                height: auto !important;
                object-fit: contain !important;
            }
            
            /* Images scale naturally based on width - no height constraints */
            
            .gallery-controls {
                gap: 0.5rem !important;
            }
            
            .gallery-btn {
                padding: 0.5rem 0.75rem !important;
                font-size: 1rem !important;
            }
            
            .gallery-dots {
                gap: 0.25rem !important;
            }
            
            .gallery-dot {
                width: 6px !important;
                height: 6px !important;
            }
            
            /* Use Cases Mobile Optimization */
            .use-cases {
                padding: 1.5rem 0;
            }
            
            .use-cases h2 {
                font-size: 1.5rem !important;
                line-height: 1.1 !important;
                margin-bottom: 1rem !important;
            }
            
            .use-case-card {
                padding: 1rem !important;
                border-radius: 8px !important;
            }
            
            .use-case-icon {
                font-size: 1.5rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .use-case-card h3 {
                font-size: 1rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.5rem !important;
            }
            
            .use-case-card p {
                font-size: 0.8rem !important;
                line-height: 1.3 !important;
                margin-bottom: 0.5rem !important;
            }
            
            .use-case-highlight {
                font-size: 0.75rem !important;
                line-height: 1.2 !important;
                padding: 0.5rem !important;
                border-radius: 4px !important;
            }
            
            .use-cases-closing {
                margin-top: 1rem !important;
                padding: 0.75rem !important;
            }
            
            .use-cases-closing p {
                font-size: 0.8rem !important;
                line-height: 1.3 !important;
            }
            
            /* Guarantee Section Mobile Optimization */
            .guarantee {
                padding: 1rem 0 !important;
            }
            
            .guarantee h2 {
                font-size: 1.4rem !important;
                line-height: 1.0 !important;
                margin-bottom: 0.5rem !important;
            }
            
            .guarantee p {
                font-size: 0.75rem !important;
                line-height: 1.25 !important;
                margin-bottom: 0.75rem !important;
            }
            
            .guarantee-badges {
                flex-direction: column !important;
                gap: 0.5rem !important;
                margin-bottom: 0.75rem !important;
            }
            
            .guarantee-badge {
                padding: 0.5rem 0.75rem !important;
                border-radius: 4px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }
            
            .guarantee-icon {
                font-size: 0.9rem !important;
                margin-right: 0.375rem !important;
            }
            
            .guarantee-text {
                font-size: 0.75rem !important;
                font-weight: 600 !important;
            }
            
            .guarantee-cta {
                font-size: 0.8rem !important;
                margin-top: 0.75rem !important;
                line-height: 1.1 !important;
                text-align: center !important;
            }
            
            /* Additional Guarantee Optimizations */
            .guarantee .container {
                padding: 0 8px !important;
            }
            
            .guarantee h2 {
                text-align: center !important;
                margin-bottom: 0.375rem !important;
            }
            
            .guarantee p {
                text-align: center !important;
                margin-bottom: 0.5rem !important;
            }
            
            .guarantee-badges {
                max-width: 280px !important;
                margin: 0 auto 0.5rem auto !important;
            }
            
            .guarantee-badge {
                text-align: center !important;
                min-height: 32px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }
            
            /* Trust Closing Section Mobile Optimization */
            .trust-closing-section {
                padding: 1.5rem 0 !important;
            }
            
            .trust-closing-content p {
                font-size: 0.9rem !important;
                line-height: 1.3 !important;
                margin-bottom: 1rem !important;
            }
            
            .trust-cta {
                font-size: 1rem !important;
                line-height: 1.2 !important;
            }
            
            /* Special Pack Section Mobile Optimization */
            .special-pack {
                padding: 1.5rem 0;
            }
            
            .special-pack h2 {
                font-size: 1.8rem;
                margin-bottom: 1.5rem;
                line-height: 1.2;
            }
            
            .special-features-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 0.75rem;
            }
            
            .special-feature {
                margin-bottom: 0.75rem;
                padding: 1rem;
                border-radius: 8px;
            }
            
            .special-feature h3 {
                font-size: 1rem;
                margin-bottom: 0.5rem;
                line-height: 1.2;
            }
            
            .special-feature p {
                font-size: 0.8rem;
                line-height: 1.3;
                margin-bottom: 0.5rem;
            }
            
            .highlight-text {
                font-size: 0.75rem;
                line-height: 1.2;
            }
            
            .closing-message {
                margin-top: 1.5rem;
                padding: 1rem;
            }
            
            .closing-message p {
                font-size: 0.9rem;
                line-height: 1.3;
            }
            
            /* Quick Testimonials Mobile Optimization */
            .quick-testimonials {
                padding: 1.5rem 0;
            }
            
            .quick-testimonials h2 {
                font-size: 1.8rem;
                margin-bottom: 1.5rem;
                line-height: 1.2;
            }
            
            .testimonials-simple {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.75rem;
                margin-top: 1rem;
            }
            
            .testimonial-simple {
                padding: 1rem;
                border-radius: 8px;
            }
            
            .testimonial-stars {
                font-size: 0.9rem;
                margin-bottom: 0.5rem;
            }
            
            .testimonial-quote {
                font-size: 1rem;
                font-weight: 600;
                margin-bottom: 0.5rem;
                line-height: 1.2;
            }
            
            .testimonial-simple p {
                font-size: 0.8rem;
                line-height: 1.3;
                margin-bottom: 0.5rem;
            }
            
            .testimonial-author {
                font-size: 0.75rem;
                font-weight: 600;
            }
            
            .testimonials-cta {
                margin-top: 1.5rem;
                padding: 1rem;
                border-radius: 8px;
            }
            
            .testimonials-cta p {
                font-size: 0.9rem;
                line-height: 1.3;
            }
            
            .cta-highlight {
                font-size: 1rem;
            }
            
            /* Trust Section Mobile Optimization */
            .trust-section {
                padding: 1.5rem 0;
            }
            
            .trust-section h2 {
                font-size: 1.8rem;
                margin-bottom: 1.5rem;
                line-height: 1.2;
            }
            
            .trust-content {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 0.75rem;
            }
            
            .trust-feature {
                padding: 1rem;
                border-radius: 8px;
            }
            
            .trust-feature-icon {
                font-size: 1.5rem;
                margin-bottom: 0.5rem;
            }
            
            .trust-feature h3 {
                font-size: 1rem;
                margin-bottom: 0.5rem;
                line-height: 1.2;
            }
            
            .trust-feature p {
                font-size: 0.8rem;
                line-height: 1.3;
                margin-bottom: 0.5rem;
            }
            
            .trust-badge {
                font-size: 0.75rem;
                padding: 0.25rem 0.5rem;
                border-radius: 4px;
            }
            
            /* Pricing Section Mobile Optimization */
            .final-cta {
                padding: 1rem 0 !important;
            }
            
            .pricing-card {
                padding: 0.75rem !important;
                border-radius: 6px !important;
                margin: 0.5rem 0 !important;
            }
            
            .urgency-banner {
                padding: 0.25rem 0.5rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .urgency-text {
                font-size: 0.7rem !important;
                font-weight: 600 !important;
            }
            
            .pricing-header h2 {
                font-size: 1.4rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.5rem !important;
                text-align: center !important;
            }
            
            /* Improve golden text visibility */
            .pricing-header h2 span[style*="gradient-gold"] {
                background: linear-gradient(135deg, #FFD700, #FFA500) !important;
                -webkit-background-clip: text !important;
                -webkit-text-fill-color: transparent !important;
                background-clip: text !important;
                color: #FFD700 !important; /* Fallback */
                font-weight: 700 !important;
            }
            
            .pricing-subtitle {
                font-size: 0.8rem !important;
                margin-bottom: 0.75rem !important;
            }
            
            .justification-text {
                font-size: 0.7rem !important;
                line-height: 1.25 !important;
                margin-bottom: 0.75rem !important;
            }
            
            .value-comparison {
                flex-direction: column !important;
                gap: 0.5rem !important;
                padding: 0.5rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .current-price {
                font-size: 1.8rem !important;
                line-height: 1 !important;
            }
            
            .original-price {
                font-size: 1rem !important;
            }
            
            .value-label, .sale-label {
                font-size: 0.7rem !important;
            }
            
            .vs-divider {
                font-size: 0.7rem !important;
                padding: 0.25rem !important;
            }
            
            .savings-badge {
                padding: 0.25rem 0.5rem !important;
                margin-bottom: 0.75rem !important;
            }
            
            .savings-text {
                font-size: 0.7rem !important;
                font-weight: 600 !important;
            }
            
            .pricing-features {
                margin: 0.75rem 0 !important;
            }
            
            .feature-item {
                padding: 0.5rem 0 !important;
                gap: 0.375rem !important;
            }
            
            .feature-icon {
                font-size: 1rem !important;
            }
            
            .feature-content h4 {
                font-size: 0.8rem !important;
                line-height: 1.1 !important;
                margin-bottom: 0.25rem !important;
            }
            
            .feature-content p {
                font-size: 0.7rem !important;
                line-height: 1.25 !important;
                margin-bottom: 0.25rem !important;
            }
            
            .feature-benefits {
                margin: 0.25rem 0 !important;
                gap: 0.25rem !important;
            }
            
            .benefit {
                font-size: 0.65rem !important;
                padding: 0.15rem 0.3rem !important;
            }
            
            .feature-value {
                font-size: 0.65rem !important;
                font-weight: 600 !important;
            }
            
            .final-cta-button {
                font-size: 0.8rem !important;
                padding: 0.75rem 1rem !important;
                width: 100% !important;
                max-width: 260px !important;
                margin: 0.75rem auto 0 auto !important;
            }
            
            .security-info {
                font-size: 0.7rem !important;
                margin-top: 0.375rem !important;
            }
            
            /* Everything You Need Section Mobile Optimization */
            .whats-included {
                padding: 1.5rem 0;
            }
            
            .whats-included h2 {
                font-size: 1.8rem;
                margin-bottom: 1.5rem;
                line-height: 1.2;
            }
            
            .included-card {
                padding: 1rem;
                border-radius: 8px;
            }
            
            .included-card h3 {
                font-size: 1rem;
                margin-bottom: 0.5rem;
                line-height: 1.2;
            }
            
            .included-card p {
                font-size: 0.8rem;
                line-height: 1.3;
                margin-bottom: 0.5rem;
            }
            
            .included-card ul {
                margin: 0.5rem 0;
            }
            
            .included-card li {
                font-size: 0.75rem;
                line-height: 1.3;
                margin-bottom: 0.25rem;
            }
        }
        
        /* Landscape Mobile */
        @media (max-height: 500px) and (orientation: landscape) {
            .hero {
                padding: 1rem 0;
            }
            
            .hero-text h1 {
                font-size: 1.5rem;
                margin-bottom: 0.5rem;
            }
            
            .hero-text .subheadline {
                font-size: 0.9rem;
                margin-bottom: 1rem;
            }
            
            .cta-form {
                padding: 0;
                background: transparent;
                box-shadow: none;
                border: none;
            }
        }
        
        /* High DPI Displays */
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
            .hero-visual img,
            .carousel-slide img {
                image-rendering: -webkit-optimize-contrast;
                image-rendering: crisp-edges;
            }
        }
        
        /* Print Styles */
        @media print {
            .header,
            .pricing-cta,
            .footer {
                display: none;
            }
            
            .hero,
            .benefits,
            .whats-inside,
            .demo-section,
            .testimonials,
            .guarantee,
            .faq {
                page-break-inside: avoid;
            }
            
            body {
                font-size: 12pt;
                line-height: 1.4;
            }
        }
        
        /* Compelling Animations */
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        
        @keyframes pulse {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.05);
            }
        }
        
        @keyframes slideInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes shimmer {
            0% {
                background-position: -200px 0;
            }
            100% {
                background-position: calc(200px + 100%) 0;
            }
        }
        
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-10px);
            }
            60% {
                transform: translateY(-5px);
            }
        }
        
        /* Accessibility */
        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }
        
        button:focus,
        .component-card:focus {
            outline: 3px solid rgba(11, 99, 206, 0.3);
            outline-offset: 2px;
        }

        /* Product Gallery Styles */
        .product-gallery {
            padding: 80px 0;
        }

        .gallery-header {
            text-align: center;
            margin-bottom: 60px;
            position: relative;
            z-index: 2;
        }

        .gallery-header h2 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            line-height: 1.2;
        }

        .gallery-subtitle {
            font-size: 1.2rem;
            color: #b0b0b0;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
        }

        .gallery-container {
            position: relative;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .gallery-grid {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            min-height: 500px;
            position: relative;
        }

        .gallery-grid img {
            max-width: 100%;
            max-height: 500px;
            width: auto;
            height: auto;
            display: none;
            object-fit: contain;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .gallery-grid img.active {
            display: block;
        }

        .gallery-controls {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 30px;
            gap: 20px;
        }

        .gallery-btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: none;
            background: linear-gradient(135deg, var(--electric-blue), var(--neon-purple));
            color: white;
            font-size: 1.5rem;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 15px rgba(0, 163, 255, 0.3);
        }

        .gallery-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(0, 163, 255, 0.4);
        }

        .gallery-btn:active {
            transform: translateY(0);
        }

        .gallery-dots {
            display: flex;
            gap: 10px;
        }

        .gallery-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .gallery-dot.active {
            background: var(--electric-blue);
            transform: scale(1.2);
            box-shadow: 0 0 10px rgba(0, 163, 255, 0.5);
        }

        .gallery-cta {
            text-align: center;
            margin-top: 50px;
            position: relative;
            z-index: 2;
        }

        .gallery-cta-text {
            font-size: 1.3rem;
            color: #e0e0e0;
            margin-bottom: 30px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.6;
        }

        .gallery-cta-button {
            background: linear-gradient(135deg, var(--electric-blue), var(--neon-purple));
            color: white;
            border: none;
            padding: 18px 40px;
            font-size: 1.2rem;
            font-weight: 700;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 8px 25px rgba(0, 163, 255, 0.3);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .gallery-cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 35px rgba(0, 163, 255, 0.4);
        }

        .gallery-cta-button:active {
            transform: translateY(-1px);
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .gallery-header h2 {
                font-size: 2rem;
            }

            .gallery-subtitle {
                font-size: 1rem;
            }

            .gallery-grid {
                min-height: 400px;
            }

            .gallery-grid img {
                max-height: 400px;
            }

            .gallery-btn {
                width: 45px;
                height: 45px;
                font-size: 1.2rem;
            }

            .gallery-cta-text {
                font-size: 1.1rem;
            }

            .gallery-cta-button {
                padding: 15px 30px;
                font-size: 1rem;
            }
        }

        @media (max-width: 480px) {
            .product-gallery {
                padding: 60px 0;
            }

            .gallery-header {
                margin-bottom: 40px;
            }

            .gallery-header h2 {
                font-size: 1.8rem;
            }

            .gallery-grid {
                min-height: 300px;
            }

            .gallery-grid img {
                max-height: 300px;
            }

            .gallery-controls {
                margin-top: 20px;
                gap: 15px;
            }

            .gallery-btn {
                width: 40px;
                height: 40px;
                font-size: 1rem;
            }
        }