.premium-feature-card {
                transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            }
            .premium-feature-card.feat-1 {
                background: rgba(139, 92, 246, 0.05) !important;
                border-color: rgba(139, 92, 246, 0.25) !important;
            }
            .premium-feature-card.feat-1:hover {
                transform: translateY(-2px) scale(1.01);
                border-color: rgba(139, 92, 246, 0.65) !important;
                background: rgba(139, 92, 246, 0.12) !important;
            }
            .premium-feature-card.feat-2 {
                background: rgba(6, 182, 212, 0.05) !important;
                border-color: rgba(6, 182, 212, 0.25) !important;
            }
            .premium-feature-card.feat-2:hover {
                transform: translateY(-2px) scale(1.01);
                border-color: rgba(6, 182, 212, 0.65) !important;
                background: rgba(6, 182, 212, 0.12) !important;
            }
            .premium-feature-card.feat-3 {
                background: rgba(245, 158, 11, 0.05) !important;
                border-color: rgba(245, 158, 11, 0.25) !important;
            }
            .premium-feature-card.feat-3:hover {
                transform: translateY(-2px) scale(1.01);
                border-color: rgba(245, 158, 11, 0.65) !important;
                background: rgba(245, 158, 11, 0.12) !important;
            }
            .premium-feature-card.feat-4 {
                background: rgba(59, 130, 246, 0.05) !important;
                border-color: rgba(59, 130, 246, 0.25) !important;
            }
            .premium-feature-card.feat-4:hover {
                transform: translateY(-2px) scale(1.01);
                border-color: rgba(59, 130, 246, 0.65) !important;
                background: rgba(59, 130, 246, 0.12) !important;
            }
            .premium-feature-card.feat-5 {
                background: rgba(16, 185, 129, 0.05) !important;
                border-color: rgba(16, 185, 129, 0.25) !important;
            }
            .premium-feature-card.feat-5:hover {
                transform: translateY(-2px) scale(1.01);
                border-color: rgba(16, 185, 129, 0.65) !important;
                background: rgba(16, 185, 129, 0.12) !important;
            }
            .premium-feature-card.feat-6 {
                background: rgba(236, 72, 153, 0.05) !important;
                border-color: rgba(236, 72, 153, 0.25) !important;
            }
            .premium-feature-card.feat-6:hover {
                transform: translateY(-2px) scale(1.01);
                border-color: rgba(236, 72, 153, 0.65) !important;
                background: rgba(236, 72, 153, 0.12) !important;
            }
            .landing-plan-card {
                transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
            }
            .landing-plan-card:hover {
                transform: translateY(-3px) scale(1.02);
            }
            #btn-landing-checkout {
                color: #ffffff !important;
                background: linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 100%) !important;
                background-image: linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 100%) !important;
                transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
            }
            #btn-landing-checkout:hover {
                color: #ffffff !important;
                background: linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 100%) !important;
                background-image: linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 100%) !important;
                opacity: 0.95 !important;
                box-shadow: 0 8px 30px rgba(139, 92, 246, 0.45) !important;
                transform: translateY(-2px);
            }
            .comparison-card-item {
                transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            }
            .comparison-card-item:hover {
                transform: translateY(-4px);
                border-color: rgba(245, 158, 11, 0.35) !important;
                box-shadow: 0 12px 24px -8px rgba(245, 158, 11, 0.15) !important;
            }
            .comparison-card-item.premium-highlight:hover {
                border-color: rgba(139, 92, 246, 0.5) !important;
                box-shadow: 0 12px 24px -8px rgba(139, 92, 246, 0.25) !important;
            }
            @media (max-width: 850px) {
                .upgrade-grid-layout {
                    grid-template-columns: 1fr !important;
                    gap: 25px !important;
                }
            }
            @media (max-width: 768px) {
                .comparison-cards-grid {
                    grid-template-columns: 1fr !important;
                    gap: 20px !important;
                }
            }
            @media (max-width: 576px) {
                .landing-plan-grid {
                    grid-template-columns: 1fr !important;
                    gap: 15px !important;
                }
            }