/* ==========================================
   RESPONSIVE BREAKPOINTS
   Mobile: < 480px
   Tablet: 481px - 768px
   Small Desktop: 769px - 1024px
   Desktop: > 1024px
   ========================================== */

/* Tablet & Below */
@media (max-width: 1024px) {
    .navbar__menu {
        display: none;
    }

    .navbar__toggle {
        display: flex;
    }

    .hero__content {
        max-width: 100%;
    }

    .hero__visual {
        display: none;
    }

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

    .founder-card {
        grid-template-columns: 1fr;
        gap: var(--space-8);
    }

    .founder-card__image {
        max-width: 500px;
    }

    .cta-section {
        padding: var(--space-12) var(--space-6);
    }

    .cta-section__title {
        font-size: var(--font-size-3xl);
    }
}

/* Mobile */
@media (max-width: 768px) {
    :root {
        --space-section: 4rem;
    }

    h1 {
        font-size: var(--font-size-4xl);
    }

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

    .container {
        padding: 0 var(--space-5);
    }

    .hero {
        min-height: auto;
        padding: calc(var(--navbar-height) + var(--space-16)) 0 var(--space-16);
    }

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

    .hero__actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .trust-bar {
        gap: var(--space-6);
    }

    .trust-item {
        font-size: var(--font-size-xs);
    }

    .section-header {
        margin-bottom: var(--space-10);
    }

    .section-header h2 {
        font-size: var(--font-size-2xl);
    }

    .client-logos {
        gap: var(--space-8);
    }

    .client-logos__item {
        height: 30px;
    }

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

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

    .footer__bottom-links {
        justify-content: center;
    }

    .testimonial-card {
        padding: var(--space-8) var(--space-4);
    }

    .testimonial-card__text {
        font-size: var(--font-size-base);
    }

    .cta-section {
        border-radius: var(--radius-xl);
        padding: var(--space-10) var(--space-5);
    }

    .cta-section__title {
        font-size: var(--font-size-2xl);
    }

    .cta-section__text {
        font-size: var(--font-size-base);
    }

    .founder-card__message {
        font-size: var(--font-size-base);
    }

    .founder-card__name {
        font-size: var(--font-size-2xl);
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    h1 {
        font-size: var(--font-size-3xl);
    }

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

    .btn--lg {
        padding: var(--space-3) var(--space-8);
        font-size: var(--font-size-sm);
    }

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

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