/* Tablet */
@media (max-width: 1024px) and (min-width: 769px) {
    .grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid--domains {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .grid,
    .grid--domains {
        grid-template-columns: 1fr;
    }

    h1 {
        font-size: clamp(2.5rem, 10vw, 4rem);
    }

    .subtitle {
        font-size: var(--font-size-md);
    }

    .hero {
        padding: 60px 0;
        min-height: auto;
    }

    .section {
        padding: var(--space-2xl) 0;
    }

    .section-header {
        margin-bottom: 40px;
    }

    .actions {
        flex-direction: column;
    }

    .btn {
        justify-content: center;
    }

    .footer-inner {
        flex-direction: column;
        text-align: center;
    }
}