.pricing{
    padding:100px 0;
    background:var(--color-bg-light);
}

.pricing-grid{
    margin-top:60px;
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
    gap:30px;
}

.pricing-card{
    background:var(--color-white);
    border:1px solid var(--color-border);
    border-radius:var(--radius-xl);
    padding:30px;
    box-shadow:var(--shadow-sm);
    transition:var(--transition-base);
    display:flex;
    flex-direction:column;
}

.pricing-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow-lg);
}

.pricing-card h3{
    font-size:1.2rem;
    font-weight:700;
    color:var(--color-heading);
    margin-bottom:10px;
}

.price{
    font-size:1.8rem;
    font-weight:800;
    color:var(--color-primary);
    margin-bottom:5px;
}

.note{
    font-size:0.9rem;
    color:var(--color-text-light);
    margin-bottom:20px;
}

.pricing-card ul{
    list-style:none;
    padding:0;
    margin:0 0 25px 0;
}

.pricing-card ul li{
    padding:8px 0;
    font-size:0.95rem;
    color:var(--color-text);
    border-bottom:1px solid var(--color-border);
}

.pricing-card ul li:last-child{
    border-bottom:none;
}

/* Highlight card */
.pricing-card.highlight{
    border:2px solid var(--color-primary);
    transform:scale(1.05);
    position:relative;
}

.badge{
    position:absolute;
    top:-12px;
    left:20px;
    background:var(--color-primary);
    color:white;
    font-size:0.8rem;
    padding:5px 12px;
    border-radius:var(--radius-full);
    font-weight:600;
}




.pricing-card .btn{
    margin-top:auto;
    text-align:center;
}

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