/**
 * GC Technologies - Tablet Responsive Styles
 * Optimized for devices 768px - 1024px
 */

@media (min-width: 768px) and (max-width: 1024px) {
    /* Typography */
    :root {
        --text-5xl: 2.5rem;
        --text-4xl: 2rem;
        --container-padding: 1.25rem;
    }

    /* Header */
    .logo-img {
        height: 32px;
    }

    .nav-links {
        gap: var(--space-1);
    }

    .nav-link {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);
    }

    /* Hero */
    .hero-section {
        min-height: 480px;
    }

    .hero-carousel {
        height: 480px;
    }

    .hero-title {
        font-size: 2.25rem;
    }

    .hero-buttons {
        gap: var(--space-3);
    }

    /* Solutions Grid - 2 columns on tablet */
    .solutions-grid {
        gap: var(--space-4);
    }

    .solution-card:nth-child(1) {
        grid-column: span 12;
    }

    .solution-card:nth-child(2),
    .solution-card:nth-child(3) {
        grid-column: span 6;
    }

    .solution-card:nth-child(4) {
        grid-column: span 12;
    }

    .solution-card:nth-child(5),
    .solution-card:nth-child(6) {
        grid-column: span 6;
    }

    /* Features */
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Stats */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-6);
    }

    /* Grid System */
    .grid-3,
    .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Footer */
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}