/* Response Mobile & Tablet */
@media (max-width: 1100px) {
    .results-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .hero-content {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .hero-text h1 {
        font-size: 3.5rem;
    }

    .hero-cta {
        justify-content: center;
    }

    .hero-trust .trust-icons {
        justify-content: center;
    }

    .founder-container {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .founder-image {
        max-width: 400px;
        margin: 0 auto;
    }

    .desktop-nav {
        display: none;
    }

    .mobile-toggle {
        display: block;
    }

    .contact-wrapper {
        grid-template-columns: 1fr;
    }

    .re-grid,
    .process-steps {
        grid-template-columns: 1fr;
    }

    .about-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .bottom-flex {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }

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

    .services-grid,
    .results-grid {
        grid-template-columns: 1fr;
    }

    /* Stats:Keep as 2x2 grid on tablets/mobile for better use of space than 1x4 stack */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    .process-steps {
        grid-template-columns: 1fr;
    }

    .hero {
        padding-top: 140px;
        padding-bottom: 60px;
    }

    .floating-socials {
        bottom: 1.5rem;
        right: 1.5rem;
    }

    .float-btn {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
    }

    /* Mobile Menu Glass Effect */
    .mobile-menu {
        background: rgba(2, 6, 23, 0.95);
        backdrop-filter: blur(15px);
    }
}

/* Deep Mobile Optimization (< 480px) */
@media (max-width: 480px) {
    .container {
        padding: 0 1.25rem;
    }

    .hero-text h1 {
        font-size: 2.5rem;
        line-height: 1.2;
    }

    .hero-sub {
        font-size: 1rem;
    }

    /* Scale down phone to fit */
    .glass-phone {
        width: 100%;
        max-width: 280px;
        height: auto;
        aspect-ratio: 9/18;
    }

    h2 {
        font-size: 2rem !important;
        /* Override section headers */
    }

    .section-header p {
        font-size: 1rem;
    }

    /* Tighter section spacing */
    .services-section,
    .founder-section,
    .real-estate-section,
    .process-section,
    .results-section,
    .contact-section {
        padding: 4rem 0;
    }

    .hero-cta {
        flex-direction: column;
        width: 100%;
    }

    .hero-cta .btn {
        width: 100%;
    }

    /* Adjust floating buttons position to avoid content overlap */
    .floating-socials {
        bottom: 1rem;
        right: 1rem;
    }

    .float-btn {
        width: 45px;
        height: 45px;
        font-size: 1.3rem;
    }
}