/* ============================================================
   RESPONSIVE
============================================================ */

/* Laptop */
@media (max-width:1080px){
    .container{ padding:0 24px; }
    .hero-container{ gap:40px; }
    .services-grid{ grid-template-columns:repeat(2,1fr); }
    .testimonial-page{ grid-template-columns:repeat(2,1fr); }
    .pricing-grid{ grid-template-columns:repeat(2,1fr); }
    .portfolio-grid{ grid-template-columns:repeat(2,1fr); }
    .process-line{ grid-template-columns:repeat(2,1fr); row-gap:40px; }
    .process-line::before{ display:none; }
    .footer-grid{ grid-template-columns:1fr 1fr; }
}

/* Tablet */
@media (max-width:860px){
    .nav-links{ display:none; }
    .nav-burger{ display:flex; }

    .nav-links.mobile-open{
        display:flex; flex-direction:column;
        position:fixed; top:64px; left:0; width:100%;
        background:var(--bg-soft); border-bottom:1px solid var(--border);
        padding:20px 24px 30px; gap:0; z-index:99;
    }
    .nav-links.mobile-open li{ width:100%; }
    .nav-links.mobile-open a{ display:block; padding:14px 0; border-bottom:1px solid var(--border); }

    .hero{ padding:140px 0 70px; }
    .hero-container{ grid-template-columns:1fr; }
    .hero-visual{ order:-1; margin-bottom:30px; }
    .hero p{ max-width:100%; }
    .float-chip, .float-badge{ display:none; }
    .tilt-stage{ transform:none !important; }
    .hero-visual{ overflow:hidden; }
    .visual-glow{ width:300px; height:300px; }

    .about-grid{ grid-template-columns:1fr; }
    .contact-container{ grid-template-columns:1fr; }
    .form-row{ grid-template-columns:1fr; }
    .footer-grid{ grid-template-columns:1fr 1fr; gap:30px; }
}

/* Mobile */
@media (max-width:560px){
    .container{ padding:0 20px; }
    .hero-buttons{ flex-direction:column; align-items:stretch; }
    .hero-buttons .btn{ width:100%; }

    .services-grid, .portfolio-grid, .pricing-grid{ grid-template-columns:1fr; }
    .testimonial-page{ grid-template-columns:1fr; gap:16px; }
    .testimonial-page.single{ max-width:100%; }
    .process-line{ grid-template-columns:1fr; }

    .trust-row{ gap:18px; }
    .footer-grid{ grid-template-columns:1fr; gap:36px; }
    .footer-bottom{ flex-direction:column; gap:10px; text-align:center; }

    .contact-form{ padding:26px 22px; }

    .whatsapp-float{ right:18px; bottom:18px; width:48px; height:48px; }
    .whatsapp-icon{ font-size:21px; }
    .whatsapp-tooltip{ display:none; }
    .scroll-top{ right:18px; bottom:78px; width:42px; height:42px; }
}