@media (max-width: 991.98px) {
    :root {
        --header-height: 64px;
    }

    .aidcl-section {
        padding: var(--space-16) 0;
    }

    .aidcl-section--compact {
        padding: var(--space-12) 0;
    }

    .aidcl-hero {
        min-height: calc(100vh - var(--header-height));
        min-height: calc(100dvh - var(--header-height));
        display: flex;
        align-items: stretch;
    }

    .aidcl-hero__inner {
        min-height: calc(100vh - var(--header-height));
        min-height: calc(100dvh - var(--header-height));
        padding: clamp(1.75rem, 4vh, 3rem) 0 clamp(1.25rem, 3vh, 2rem);
        justify-content: center;
    }

    .aidcl-hero__stage {
        min-height: 0;
        gap: clamp(1rem, 3vh, 2rem);
        max-width: 100%;
    }

    .aidcl-hero-rail {
        align-self: stretch;
        justify-content: space-between;
        margin-top: auto;
        padding: 0.65rem 0.7rem;
    }

    .aidcl-hero-rail__thumbs {
        flex: 1;
        max-width: none;
    }

    .aidcl-hero-rail__thumb {
        width: 4rem;
        height: 2.6rem;
    }

    .aidcl-page-hero {
        padding: var(--space-12) 0 var(--space-10);
    }

    .aidcl-brand__logo {
        height: 38px;
    }

    .site-footer__logo-img {
        height: 42px;
    }

    .aidcl-contact-card,
    .contact-form-wrap {
        padding: var(--space-6);
    }

    .aidcl-focus-board {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-5);
    }

    .site-footer__main {
        padding: var(--space-12) 0 var(--space-8);
    }
}

@media (max-width: 767.98px) {
    .aidcl-section-header__title {
        font-size: 1.5rem;
    }

    .aidcl-hero__title {
        font-size: 1.75rem;
    }

    .aidcl-hero__lead {
        font-size: 1rem;
    }

    .aidcl-btn-group {
        flex-direction: column;
        align-items: stretch;
    }

    .aidcl-btn-group .aidcl-btn,
    .aidcl-btn-group .aidcl-btn--primary,
    .aidcl-btn-group .aidcl-btn--ghost,
    .aidcl-btn-group .aidcl-btn--outline {
        width: 100%;
        justify-content: center;
    }

    .aidcl-hero__pillars {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .aidcl-hero-rail {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .aidcl-hero-rail__nav {
        margin-left: auto;
    }

    .aidcl-hero-rail__thumb {
        width: 3.5rem;
        height: 2.35rem;
    }

    .aidcl-back-top,
    .back-to-top {
        width: 2.5rem;
        height: 2.5rem;
        bottom: var(--space-4);
        right: var(--space-4);
    }

    .aidcl-whatsapp-widget {
        bottom: 1.25rem;
        left: var(--space-4);
        right: auto;
    }

    .aidcl-focus-board {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: var(--space-4);
    }

    .aidcl-focus-home__intro {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-4);
    }

    .aidcl-focus-home__action {
        width: 100%;
    }

    .aidcl-focus-home__action .aidcl-btn {
        width: 100%;
        justify-content: center;
    }

    .aidcl-card {
        padding: var(--space-6) var(--space-5);
    }
}

@media (max-width: 575.98px) {
    .aidcl-page-hero__title,
    .aidcl-page-hero h1 {
        font-size: 1.5rem;
    }

    .aidcl-focus-row {
        padding: var(--space-8) 0;
    }

    .aidcl-brand__logo {
        height: 32px;
    }

    .site-footer__logo-img {
        height: 36px;
    }
}

@media (min-width: 992px) {
    .aidcl-navbar .navbar-collapse {
        gap: var(--space-2);
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
    }
}

@media (max-width: 768px) {
    [data-aos] {
        transition-duration: 500ms !important;
    }
}