/* ========== RESPONSIVE BREAKPOINTS ========== */

/* ── 1024px ── */
@media (max-width: 1024px) {

    /* Navbar */
    .nav-links {
        display: none;
    }

    .hamburger {
        display: flex;
    }

    .btn-nav-outline {
        display: none;
    }

    nav {
        padding: 0 24px;
    }

    /* Framework */
    .fw-steps-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .fw-steps-grid::before {
        display: none;
    }

    .fw-header {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    /* Why */
    .why-clutch-row {
        flex-direction: column;
    }

    .clutch-award-card {
        flex: none;
    }

    .why-model-grid {
        grid-template-columns: 1fr;
    }

    /* Clients */
    .clients-logo-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .partner-block {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .clients-cta-bar {
        flex-direction: column;
        text-align: center;
    }

    .ccb-right {
        justify-content: center;
    }

    /* Cases */
    .cfc-body {
        grid-template-columns: 1fr;
    }

    .cfc-left {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .cfc-impact-row {
        grid-template-columns: 1fr;
        gap: 1px;
    }

    .cases-secondary-grid {
        grid-template-columns: 1fr 1fr;
    }

    /* Discovery */
    .ctaf-main-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .ctaf-stats-strip {
        grid-template-columns: 1fr;
    }

    /* Footer */
    .footer-main-grid {
        grid-template-columns: 1fr 1fr;
        gap: 36px;
    }

    .footer-brand {
        grid-column: span 2;
    }
}

/* ── 960px ── */
@media (max-width: 960px) {
    .gcc-viz-wrap {
        display: none;
    }

    .gcc-mobile-grid {
        display: grid;
    }

    .gcc-stats-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ── 700px ── */
@media (max-width: 700px) {
    .hero {
        padding: 90px 20px 0;
    }

    .hero-stats {
        flex-wrap: wrap;
        gap: 20px;
    }

    .stat-item::after {
        display: none;
    }

    .value-pillars {
        flex-direction: column;
        align-items: stretch;
    }

    .trusted-header {
        padding: 14px 24px 0;
    }

    .typewriter-text {
        min-width: 200px;
    }
}

/* ── 680px ── */
@media (max-width: 680px) {

    /* Framework */
    .fw-container {
        padding: 0 20px;
    }

    .fw-steps-grid {
        grid-template-columns: 1fr 1fr;
    }

    .fw-label-banner {
        flex-direction: column;
        text-align: center;
    }

    .fw-cta-row {
        flex-direction: column;
        text-align: center;
    }

    .fw-cta-right {
        justify-content: center;
    }

    .fw-step-detail.visible {
        flex-direction: column;
    }

    .detail-num {
        font-size: 40px;
        width: auto;
    }

    .sec-framework {
        padding: 80px 0 70px;
    }

    /* Why */
    .why-container {
        padding: 0 20px;
    }

    .clutch-stats-grid {
        grid-template-columns: 1fr;
    }

    .csg-card.location-card {
        grid-column: auto;
    }

    .sec-why {
        padding: 80px 0 70px;
    }

    .why-result-banner {
        flex-direction: column;
        text-align: center;
    }

    /* Clients */
    .clients-container {
        padding: 0 20px;
    }

    .clients-logo-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sec-clients {
        padding: 80px 0 70px;
    }

    /* Cases */
    .cases-container {
        padding: 0 20px;
    }

    .cfc-meta-bar {
        flex-direction: column;
        align-items: flex-start;
    }

    .cases-secondary-grid {
        grid-template-columns: 1fr;
    }

    .cases-cta-block {
        padding: 40px 24px;
    }

    .sec-cases {
        padding: 80px 0 70px;
    }

    /* Discovery */
    .ctaf-container {
        padding: 0 20px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .form-group.full {
        grid-column: auto;
    }

    .ctaf-form-card {
        padding: 28px 22px;
    }

    .sec-cta-form {
        padding: 80px 0 70px;
    }

    /* Footer */
    .footer-inner {
        padding: 0 20px;
    }

    .footer-main-grid {
        grid-template-columns: 1fr;
    }

    .footer-brand {
        grid-column: auto;
    }

    .footer-top-bar {
        flex-direction: column;
        align-items: flex-start;
    }

    .ftb-right {
        width: 100%;
    }

    .btn-footer-gold,
    .btn-footer-ghost {
        flex: 1;
        justify-content: center;
    }

    .footer-bottom-bar {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

/* ── 560px ── */
@media (max-width: 560px) {
    .gcc-container {
        padding: 0 20px;
    }

    .gcc-mobile-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .gcc-stats-row {
        grid-template-columns: 1fr 1fr;
    }

    .sec-gcc {
        padding: 80px 0 70px;
    }
}