#toggleContainer {
    user-select: none;
}

.price-value {
    transition: all 0.3s ease;
}

.billing-period {
    transition: opacity 0.3s ease;
}

.plan-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.plan-card:hover {
    transform: translateY(-8px);
}

    :root {
        --pricing-primary: #3b82f6;
    }
    .pricing-card-glow {
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at top right, var(--plan-color, #3b82f6), transparent 70%);
        opacity: 0.05;
        pointer-events: none;
    }
    .comparison-table tr:nth-child(even) {
        background-color: rgba(0,0,0,0.02);
    }
    .faq-item[open] .faq-icon {
        transform: rotate(180deg);
    }
    .faq-icon {
        transition: transform 0.3s ease;
    }
    .popular-ribbon {
        background: var(--plan-color, #3b82f6);
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }