@media (max-width: 992px) {
    .hero-title { font-size: 3.5rem; }
    .contact-wrapper { grid-template-columns: 1fr; }
    .footer-content { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    :root { --section-padding: 60px 0; }
    
    .menu-toggle { display: flex; }
    
    .nav-menu {
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        background: rgba(5, 5, 5, 0.95);
        backdrop-filter: blur(15px);
        flex-direction: column;
        padding: 2rem;
        gap: 1.5rem;
        transform: translateY(-150%);
        transition: var(--transition);
        border-bottom: 1px solid var(--border-color);
    }
    
    .nav-menu.active {
        transform: translateY(0);
    }

    .hero-title { font-size: 2.5rem; }
    .hero-subtitle { font-size: 1.2rem; letter-spacing: 2px; }
    .hero-text { font-size: 1rem; }
    .hero-buttons { flex-direction: column; align-items: center; }
    
    .section-title { font-size: 2rem; }
    
    .workflow-grid { flex-direction: column; }
    .workflow-arrow { transform: rotate(90deg); }
    
    .footer-content { grid-template-columns: 1fr; text-align: center; }
}