@media (max-width: 1080px) {
  .desktop-nav { gap: 18px; }
  .desktop-cta { display: none; }
  .hero-layout { grid-template-columns: 1fr 430px; gap: 35px; }
  .hero h1 { font-size: clamp(3rem, 6vw, 4.7rem); }
  .phone-card { right: -10px; }
  .trust-strip { grid-template-columns: 1fr 1fr; }
  .trust-item:nth-child(2) { border-right: 0; }
  .trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .services-grid { grid-template-columns: 1fr 1fr; }
  .process-grid { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 860px) {
  .desktop-nav, .desktop-cta { display: none; }
  .menu-toggle { display: block; margin-left: auto; }
  .mobile-nav { position: fixed; inset: 82px 0 auto; min-height: calc(100vh - 82px); padding: 30px 20px; display: flex; flex-direction: column; gap: 4px; background: rgba(245,248,252,.98); backdrop-filter: blur(20px); border-top: 1px solid var(--line); transform: translateX(100%); opacity: 0; visibility: hidden; transition: .28s ease; }
  .mobile-nav.open { transform: translateX(0); opacity: 1; visibility: visible; }
  .mobile-nav > a:not(.btn) { padding: 15px 8px; border-bottom: 1px solid var(--line); font-weight: 760; }
  .mobile-nav .btn { margin-top: 20px; }
  .hero { padding-top: 135px; }
  .hero-layout { grid-template-columns: 1fr; }
  .hero-content { text-align: center; }
  .eyebrow { justify-content: center; }
  .hero-content > p { margin-inline: auto; }
  .hero-actions, .hero-proof { justify-content: center; }
  .hero-visual { width: min(100%, 600px); margin: 20px auto 0; }
  .split-layout, .why-layout, .industries-layout { grid-template-columns: 1fr; gap: 50px; }
  .about-copy { border-left: 0; border-top: 1px solid var(--line); padding: 38px 0 0; }
  .portfolio-heading { grid-template-columns: 1fr; gap: 22px; }
  .project-featured { grid-template-columns: 1fr; }
  .project-featured .project-visual { min-height: 420px; }
  .process-grid { grid-template-columns: 1fr 1fr; }
  .cta-card { grid-template-columns: 1fr; gap: 35px; padding: 48px; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-column:last-child { grid-column: 2 / 4; }
}

@media (max-width: 640px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .section { padding: 88px 0; }
  .nav-wrap { height: 72px; }
  .mobile-nav { top: 72px; min-height: calc(100vh - 72px); }
  .brand-mark { width: 38px; height: 38px; }
  .brand-copy small { display: none; }
  .hero { padding: 118px 0 66px; min-height: auto; }
  .hero h1 { font-size: clamp(2.65rem, 14vw, 4rem); }
  .hero-content > p { font-size: 1rem; }
  .hero-actions { display: grid; }
  .hero-proof { gap: 16px; justify-content: space-between; }
  .hero-proof strong { font-size: .75rem; }
  .hero-proof span { font-size: .68rem; }
  .hero-visual { min-height: 430px; transform: scale(.92); transform-origin: top center; margin-bottom: -50px; }
  .browser-card { width: 88%; left: 0; }
  .browser-main { padding: 34px 24px; }
  .browser-main h3 { font-size: 1.14rem; }
  .browser-body { grid-template-columns: 70px 1fr; min-height: 290px; }
  .browser-sidebar { padding-inline: 15px; }
  .browser-sidebar i { width: 28px; }
  .phone-card { width: 165px; height: 345px; right: 0; bottom: 5px; }
  .phone-screen { padding: 35px 14px 14px; }
  .phone-screen h4 { font-size: .92rem; }
  .app-widget { padding: 8px; }
  .floating-chip { font-size: .62rem; padding: 7px 9px; }
  .chip-one { right: 25px; }
  .chip-three { display: none; }
  .trust-strip { margin-top: 50px; grid-template-columns: 1fr; }
  .trust-item { border-right: 0; border-bottom: 1px solid var(--line); }
  .trust-item:last-child { border-bottom: 0; }
  .section-heading h2, .section-header h2, .why-content h2, .tech-intro h2 { font-size: clamp(2rem, 10vw, 3rem); }
  .services-grid, .portfolio-grid, .process-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 300px; }
  .why-visual { min-height: 390px; }
  .code-window pre { padding: 35px 24px 48px; font-size: .72rem; }
  .quality-badge { right: 0; bottom: 5px; }
  .project-featured { grid-column: auto; }
  .project-featured .project-visual { min-height: 350px; }
  .project-visual { min-height: 330px; }
  .project-copy, .project-copy.compact { padding: 30px; }
  .project-copy h3 { font-size: 1.42rem; }
  .industry-grid { grid-template-columns: 1fr; }
  .industry-grid div:nth-child(odd), .industry-grid div:nth-child(even) { border-right: 0; padding-inline: 0; }
  .tech-track span { min-width: 135px; height: 82px; }
  .cta-section { padding: 85px 0; }
  .cta-card { padding: 34px 25px; border-radius: 26px; }
  .cta-copy h2 { font-size: 2.4rem; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 42px 25px; }
  .footer-brand { grid-column: 1/-1; }
  .footer-column:last-child { grid-column: auto; }
  .footer-bottom { flex-direction: column; gap: 10px; }
}

@media (max-width: 420px) {
  .hero-proof { display:grid; grid-template-columns:repeat(3,1fr); }
  .hero-visual { transform:scale(.82); margin-inline:-25px; width:calc(100% + 50px); }
  .footer-grid { grid-template-columns:1fr; }
  .footer-column:last-child { grid-column:auto; }
}