/* Mobile First Approach */
@media (min-width: 640px) {
    .gradient-text {
        font-size: 4rem;
    }

    .tagline {
        font-size: 1.75rem;
    }

    .transfer-counter {
        font-size: 1.5rem;
    }
}

@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-content {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (min-width: 1024px) {
    .hero-content {
        padding: 0 2rem;
    }

    .gradient-text {
        font-size: 4.5rem;
    }

    .features {
        padding: 8rem 2rem;
    }
}

/* Mobile Specific Adjustments */
@media (max-width: 639px) {
    .hero-content {
        padding: 0 1rem;
    }

    .transfer-counter {
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
    }

    .footer-links {
        flex-direction: column;
        gap: 1rem;
    }
}