/* Pricing Section Container */
.pricing-section {
    background-color: var(--intro-bg, #FBFBFC); /* Light mode default */
}

.pricing-mesh-bg {
    background-image: 
        radial-gradient(at 0% 0%, hsla(253,16%,7%,0) 0, transparent 50%), 
        radial-gradient(at 50% 0%, hsla(225,39%,30%,0.05) 0, transparent 50%), 
        radial-gradient(at 100% 0%, hsla(339,49%,30%,0.05) 0, transparent 50%);
}

.pricing-card {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(255, 255, 255, 0.8);
    color: #1e293b;
}

.pricing-card .card-title {
    color: #0f172a;
}

.pricing-card .card-desc {
    color: #475569;
    border-color: #e2e8f0;
}

.pricing-card .card-substep {
    color: #334155;
}

.pricing-card .btn-primary {
    background: #0f172a;
    color: white;
}

.pricing-card .btn-secondary {
    background: transparent;
    color: #0f172a;
    border-color: #cbd5e1;
}

/* Dedicated Team Card (Premium Center Card) is hardcoded with Tailwind gradients for the "Premium" look in Light Mode, so it stands out visually */

/* Dark Mode Overrides */
.dark-mode .pricing-section {
    background-color: #050505;
}

.dark-mode .main-heading {
    color: #ffffff;
}

.dark-mode .main-desc {
    color: #9ca3af;
}

.dark-mode .expertise-badge {
    background-color: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .expertise-badge-text {
    color: #d1d5db;
}

/* Dark Mode standard cards (Fixed Price & Hourly) */
.dark-mode .pricing-card {
    background: rgba(17, 24, 39, 0.7);
    border-color: rgba(255, 255, 255, 0.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.dark-mode .pricing-card .card-title {
    color: #ffffff;
}

.dark-mode .pricing-card .card-desc {
    color: #9ca3af;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .pricing-card .card-substep {
    color: #d1d5db;
}

.dark-mode .pricing-card .btn-primary {
    background: #ffffff;
    color: #050505;
}

.dark-mode .pricing-card .btn-secondary {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .pricing-card .btn-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* Dark mode tweaks for the popular card */
.dark-mode .pricing-card-popular {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8), 0 0 40px rgba(79, 70, 229, 0.1);
}