@media (max-width: 820px) {
    .anki-hero,
    .demo-section {
        grid-template-columns: 1fr;
    }

    .anki-hero {
        padding-top: 4rem;
    }

    .review-console {
        width: min(100%, 520px);
        margin: 0 auto;
        transform: none;
    }

    .proof-strip,
    .layer-grid {
        grid-template-columns: 1fr;
    }

    .proof-strip div {
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .proof-strip div:last-child {
        border-bottom: 0;
    }

    .layer-card,
    .layer-card p {
        min-height: 0;
    }
}

@media (max-width: 620px) {
    .anki-nav .nav-links {
        display: none;
    }

    .anki-hero,
    .demo-section,
    .setup-section,
    .mapping-section,
    .faq-section,
    .final-cta {
        padding-inline: 1.1rem;
    }

    .anki-hero h1 {
        font-size: clamp(2.45rem, 14vw, 3.7rem);
    }

    .answer-pad {
        gap: 0.25rem;
    }

    .button {
        width: 2.25rem;
        height: 2.25rem;
    }

    .faq-section .faq-grid {
        grid-template-columns: 1fr;
    }

    .setup-section {
        border-inline: 0;
        border-radius: 0;
    }
}