:root {
            --primary: #f39c12; /* Climbing hold orange */
            --secondary: #2c3e50; /* Dark slate */
            --bg: #f4f7f6;
        }
        
        .pricing-header { text-align: center; margin-bottom: 50px; }
        .pricing-header h1 { color: var(--secondary); margin-bottom: 10px; }

        .pricing-container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
            max-width: 1100px;
            margin: 0 auto;
        }

        .pricing-card {
            background: #fff;
            border-radius: 12px;
            padding: 30px;
            width: 215px;
            text-align: center;
            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
            transition: transform 0.3s;
            position: relative;
            border: 1px solid #eee;
        }
		.pricing-card2 {
            background: #fff;
            border-radius: 12px;
            padding: 30px;
            width: 290px;
            text-align: center;
            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
            transition: transform 0.3s;
            position: relative;
            border: 1px solid #eee;
        }

        .pricing-card:hover { transform: translateY(-10px); }

        /* Highlighted Plan */
        .featured { border: 2px solid var(--primary); transform: scale(1.05); }
        .featured:hover { transform: scale(1.05) translateY(-5px); }
        .badge {
            background: var(--primary);
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 12px;
            position: absolute;
            top: -15px;
            left: 50%;
            transform: translateX(-50%);
        }

        .plan-name { font-size: 22px; font-weight: bold; color: var(--secondary); margin-bottom: 10px; }
        .price { font-size: 40px; font-weight: 800; margin-bottom: 20px; color: #333; }
        .price span { font-size: 16px; font-weight: normal; color: #777; }

        .benefits-list { list-style: none; padding: 0; text-align: left; margin-bottom: 30px; }
        .benefits-list li { margin: 12px 0; color: #555; font-size: 15px; display: flex; align-items: center; }
        .benefits-list li::before { content: '✓'; color: #27ae60; font-weight: bold; margin-right: 10px; }

        .btn-select {
            display: block;
            background: var(--secondary);
            color: white;
            text-decoration: none;
            padding: 12px;
            border-radius: 6px;
            font-weight: bold;
            transition: background 0.3s;
        }

        .featured .btn-select { background: var(--primary); }
        .btn-select:hover { opacity: 0.9; }

        @media (max-width: 768px) {
            .pricing-card { width: 100%; }
            .featured { transform: none; }
            .featured:hover { transform: translateY(-5px); }
        }