/* =====================================
   KLEAR LAND HOMEPAGE STYLES
   ===================================== */

/* =====================================
   RESPONSIVE
   ===================================== */

@media (max-width: 768px) {
    .hero {
        min-height: 400px;
        padding: var(--spacing-2xl) 0;
    }
    
    .trust-bar__inner {
        gap: var(--spacing-lg);
    }
    
    .land-types__grid,
    .steps-grid,
    .benefits-grid {
        grid-template-columns: 1fr;
    }
    
    .where-we-buy {
        grid-template-columns: 1fr;
    }
    
    .cash-offer-section {
        grid-template-columns: 1fr;
    }
    
    .cta-section__contact {
        flex-direction: column;
        gap: var(--spacing-md);
    }
}