/* =========================================
   TRUST BAR
   ========================================= */
.trust-bar__header { text-align: center; margin-bottom: 3rem; }
.trust-bar__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 2rem;
}
.trust-item { text-align: center; padding: 1.5rem; }
.trust-item__icon {
    width: 48px; height: 48px; margin: 0 auto 1rem;
    color: var(--color-accent);
}
.trust-item__content h3 { font-size: 1.1rem; margin-bottom: 0.5rem; }
.trust-item__content p { font-size: 0.9rem; color: #666; margin: 0; }

/* =========================================
   PRICING
   ========================================= */
.section-header { text-align: center; max-width: 600px; margin: 0 auto 3rem; }
.pricing__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    align-items: start;
}
.pricing-card {
    background: white;
    padding: 2rem;
    border-radius: var(--radius);
    border: 1px solid #e2e8f0;
    text-align: center;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pricing-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }

.pricing-card--featured {
    border: 2px solid var(--color-accent);
    transform: scale(1.05);
    z-index: 2;
}
.pricing-card--featured:hover { transform: scale(1.05) translateY(-5px); }

.pricing-card__badge {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    background: var(--color-accent); color: white;
    padding: 0.25rem 1rem; border-radius: 50px; font-size: 0.8rem; font-weight: 600;
}
.pricing-card__price { margin: 1.5rem 0; }
.price-amount { font-size: 2rem; font-weight: 700; color: var(--color-primary); }
.price-period { color: #666; font-size: 0.9rem; }
.pricing-card__desc { color: #666; margin-bottom: 2rem; min-height: 3rem; }

.btn-outline {
    background: transparent;
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
}
.btn-outline:hover { background: var(--color-primary); color: white; }

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