/* Mobile first — small screens (< 640px) */
@media (max-width: 639px) {
    h1, .hero__title {
        font-size: var(--text-4xl);
    }

    h2 {
        font-size: var(--text-3xl);
    }

    .hero__subtitle {
        font-size: var(--text-base);
    }

    .split {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .split--reverse {
        direction: ltr;
    }

    .grid-2x2 {
        grid-template-columns: 1fr;
    }

    .grid-3 {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .steps-connector {
        display: none;
    }

    .nav__links--desktop {
        display: none;
    }

    .hero__ctas {
        flex-direction: column;
    }

    .email-form {
        flex-direction: column;
    }

    .footer__inner {
        flex-direction: column;
        gap: 1.5rem;
        text-align: center;
    }

    .footer__brand {
        flex-direction: column;
    }

    .stats-row {
        gap: var(--space-lg);
    }

    .score-ring {
        width: 160px;
        height: 160px;
    }

    .score-ring__number {
        font-size: var(--text-4xl);
    }

    .radar-chart {
        width: 220px;
        height: 220px;
    }

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

/* Tablet (640px - 1023px) */
@media (min-width: 640px) and (max-width: 1023px) {
    h1, .hero__title {
        font-size: var(--text-5xl);
    }

    .split {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .split--reverse {
        direction: ltr;
    }

    .nav__links--desktop .nav__link {
        display: none;
    }
}

/* Desktop (1024px+) */
@media (min-width: 1024px) {
    .nav__links--mobile-only {
        display: none;
    }
}

/* Large desktop (1440px+) */
@media (min-width: 1440px) {
    .container {
        max-width: 1320px;
    }

    .hero__title {
        font-size: var(--text-6xl);
    }
}