/* ==========================================================================
   ROBUST MARKETING - Responsive Breakpoints
   ========================================================================== */

/* --------------------------------------------------------------------------
   SMALL DESKTOP (max-width: 1100px)
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
    .services-grid__cards {
        grid-template-columns: repeat(3, 1fr);
    }

    .performance-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* --------------------------------------------------------------------------
   TABLET LANDSCAPE (max-width: 900px)
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
    .split-section {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }

    .big-metrics {
        grid-template-columns: repeat(2, 1fr);
    }

    .big-metric::after {
        display: none;
    }

    .testimonials-grid {
        grid-template-columns: 1fr;
    }

    .leadership-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .social-proof-bar__inner {
        gap: var(--space-md);
        justify-content: center;
    }

    .risk-reversal__inner {
        flex-direction: column;
        align-items: center;
        gap: var(--space-sm);
    }

    .grid--4,
    .metrics-strip__grid,
    .performance-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid--5 {
        grid-template-columns: repeat(3, 1fr);
    }

    .process__steps {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-lg);
    }

    .process__steps::before {
        display: none;
    }

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

    .case-study-card--featured {
        grid-template-columns: 1fr;
    }

    .founder {
        grid-template-columns: 240px 1fr;
    }

    .edge-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* --------------------------------------------------------------------------
   TABLET PORTRAIT (max-width: 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    :root {
        --space-3xl: 64px;
        --space-4xl: 96px;
    }

    /* Header */
    .nav__links,
    .nav__cta {
        display: none;
    }

    .hamburger {
        display: flex;
    }

    .mobile-nav {
        display: flex;
    }

    .mobile-sticky-cta {
        display: block;
    }

    /* Hero */
    .hero {
        min-height: 85vh;
    }

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

    .hero__proof-value {
        font-size: 1.5rem;
    }

    /* Grids */
    .grid--2,
    .grid--3 {
        grid-template-columns: 1fr;
    }

    .grid--4,
    .grid--5,
    .performance-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .services-grid__cards {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Problem/Solution */
    .problem-solution__grid {
        grid-template-columns: 1fr;
    }

    /* Process */
    .process__steps {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }

    .process-step {
        text-align: left;
        display: flex;
        gap: var(--space-md);
        align-items: flex-start;
    }

    .process-step__number {
        margin: 0;
        flex-shrink: 0;
    }

    .process-step__text {
        max-width: none;
        margin: 0;
    }

    /* Service Detail */
    .service-detail__grid {
        grid-template-columns: 1fr;
    }

    /* Contact */
    .contact-layout {
        grid-template-columns: 1fr;
    }

    /* Founder */
    .founder {
        grid-template-columns: 1fr;
    }

    .founder__image {
        max-width: 300px;
    }

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

    /* Kifalme */
    .kifalme-edge__inner {
        flex-direction: column;
        text-align: center;
    }

    /* Footer */
    .footer__grid {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }

    .footer__bottom {
        flex-direction: column;
        gap: var(--space-xs);
        text-align: center;
    }

    /* Metrics */
    .metrics-strip__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Form */
    .form-row {
        grid-template-columns: 1fr;
    }

    /* Team */
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Principles */
    .principles-grid {
        grid-template-columns: 1fr;
    }

    /* Edge */
    .edge-grid {
        grid-template-columns: 1fr;
    }

    /* Trust strip */
    .trust-strip__logos {
        gap: var(--space-lg);
    }

    /* WhatsApp float - move up above sticky CTA */
    .whatsapp-float {
        bottom: 80px;
    }
}

/* --------------------------------------------------------------------------
   MOBILE (max-width: 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
    :root {
        --space-2xl: 48px;
        --space-3xl: 48px;
        --space-4xl: 72px;
    }

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

    /* Hero */
    .hero {
        min-height: 80vh;
    }

    .hero__subtitle {
        font-size: 1.0625rem;
    }

    .hero__ctas {
        flex-direction: column;
    }

    .hero__ctas .btn {
        width: 100%;
    }

    .hero__proof {
        flex-direction: column;
        gap: var(--space-sm);
    }

    .hero__proof-item {
        display: flex;
        align-items: baseline;
        gap: var(--space-sm);
    }

    /* Metrics */
    .metrics-strip__grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-sm);
    }

    .metric-value {
        font-size: clamp(2rem, 8vw, 3rem);
    }

    /* Performance */
    .performance-grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-sm);
    }

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

    /* Checkbox group */
    .checkbox-group {
        grid-template-columns: 1fr;
    }

    /* Services */
    .services-grid__cards {
        grid-template-columns: 1fr !important;
    }

    /* Case Study */
    .case-study-card__stats {
        flex-direction: column;
        gap: var(--space-sm);
    }

    .case-study-stat {
        display: flex;
        align-items: baseline;
        gap: var(--space-xs);
    }

    /* Lead Form */
    .lead-form-wrapper {
        padding: var(--space-lg);
    }

    /* Buttons */
    .btn-group {
        flex-direction: column;
    }

    .btn-group .btn {
        width: 100%;
    }

    .cta-section .btn-group {
        flex-direction: column;
        align-items: center;
    }

    /* Team */
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-sm);
    }

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

    /* Founder */
    .founder__stats {
        flex-wrap: wrap;
    }

    .founder__stat-value {
        font-size: 2rem;
    }

    /* Page Hero */
    .page-hero {
        padding: var(--space-3xl) 0 var(--space-xl);
    }

    /* Section spacing */
    .section {
        padding: var(--space-2xl) 0;
    }
}