/* Trades Landing Page Styles */

.trades-hero .pricing-hero-content {
    max-width: 720px;
}

.trades-label {
    opacity: 1;
}

.trades-hero-ctas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

/* Hero sits on a dark background; the shared .cta-button variants are
   tuned for light sections, so give both variants dark-bg-safe colours here. */
.trades-hero-ctas .cta-button.primary {
    background: var(--sage);
    border-color: var(--sage);
    color: var(--text-light);
}

.trades-hero-ctas .cta-button.primary:hover {
    background: var(--accent-gold);
    border-color: var(--accent-gold);
}

.trades-hero-ctas .cta-button.secondary {
    color: var(--text-light);
    border-color: rgba(245, 242, 238, 0.4);
}

.trades-hero-ctas .cta-button.secondary:hover {
    border-color: var(--text-light);
    color: var(--text-light);
}

.trades-hero-trust {
    margin-top: 2.5rem;
    font-size: 0.95rem;
    color: var(--text-light);
    opacity: 0.7;
}

.trades-offer .pricing-section-header {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 640px) {
    .trades-hero-ctas {
        flex-direction: column;
        align-items: stretch;
    }
}