/* ============================================
   TECHNOLOGIES PAGE STYLES
   ============================================ */

.tech-hero {
    padding-top: 160px;
    padding-bottom: var(--space-16);
    background: var(--gradient-hero);
    text-align: center;
}

.tech-section {
    background-color: var(--color-neutral-50);
}

.tech-category {
    margin-bottom: var(--space-16);
}

.tech-category:last-child {
    margin-bottom: 0;
}

.tech-category-title {
    font-size: var(--text-xl);
    color: var(--color-neutral-900);
    margin-bottom: var(--space-6);
    padding-bottom: var(--space-3);
    border-bottom: 2px solid var(--color-primary-light);
    display: inline-block;
}

.tech-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--space-4);
}

@media (max-width: 1023px) {
    .tech-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 639px) {
    .tech-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .tech-hero {
        padding-top: 120px;
    }
}