@media (max-width: 1024px) {
    .hero-definition {
        font-size: 2rem;
    }
    
    .hero-problem-title {
        font-size: 1.5rem;
    }
    
    .hero-problem-text {
        font-size: 1.1rem;
    }
    
    .hero-issues-title {
        font-size: 1.3rem;
    }
    
    .hero-issues-item {
        font-size: 1rem;
    }
    
    .hero-solution-title {
        font-size: 1.5rem;
    }
    
    .hero-solution-text {
        font-size: 1.1rem;
    }
    
    .hero-layers {
        width: 50%;
        right: 2%;
    }
}

@media (max-width: 768px) {
    .hero {
        min-height: auto;
        height: auto;
        max-height: none;
        padding: var(--spacing-md) var(--spacing-md);
        padding-top: calc(var(--spacing-md) + 80px);
        padding-bottom: var(--spacing-md);
    }
    
    .hero-content {
        padding: var(--spacing-md);
        max-width: 100%;
    }
    
    .hero-logo-title {
        gap: var(--spacing-sm);
    }
    
    .hero-logo-image {
        height: 40px;
    }
    
    .hero-definition {
        font-size: 1.5rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
    
    .hero-problem-title {
        font-size: 1.3rem;
    }
    
    .hero-problem-text {
        font-size: 1rem;
    }
    
    .hero-issues-title {
        font-size: 1.2rem;
    }
    
    .hero-issues-grid {
        grid-template-columns: 1fr;
    }
    
    .hero-issues-item {
        font-size: 0.9rem;
    }
    
    .hero-solution-title {
        font-size: 1.3rem;
    }
    
    .hero-solution-text {
        font-size: 1rem;
    }
    
    .hero-layers {
        display: none;
    }
    
    .value-props {
        grid-template-columns: 1fr;
    }
}