/* ===================================================================
   Brandevo — Responsive Breakpoints
=================================================================== */

@media (max-width: 1080px){
  .services-grid{ grid-template-columns: repeat(2, 1fr); }
  .why-grid, .branding-grid, .software-grid{ grid-template-columns: 1fr; gap: 46px; }
  .branding-visual{ order: -1; }
  .process-track{ grid-template-columns: repeat(3, 1fr); row-gap: 46px; }
  .process-line{ display: none; }
  .portfolio-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 860px){
  .nav-links{ display: none; }
  .nav-toggle{ display: flex; }
  .nav-cta{ display: none; }
  .connect-grid{ grid-template-columns: 1fr; }
  .footer-grid{ grid-template-columns: 1fr 1fr; }
  .footer-brand{ grid-column: 1 / -1; }
  .registration-panel{ flex-direction: column; text-align: center; align-items: center; }
}

@media (max-width: 640px){
  section{ padding: 84px 0; }
  .container{ padding: 0 20px; }
  .hero-title{ font-size: clamp(2.2rem, 9vw, 3rem); }
  .hero-actions{ flex-direction: column; width: 100%; }
  .hero-actions .btn{ width: 100%; }
  .services-grid{ grid-template-columns: 1fr; }
  .process-track{ grid-template-columns: 1fr; }
  .why-visual{ grid-template-columns: 1fr; }
  .stat-tile:nth-child(2), .stat-tile:nth-child(4){ margin-top: 0; }
  .form-row{ grid-template-columns: 1fr; }
  .footer-grid{ grid-template-columns: 1fr; gap: 34px; }
  .footer-bottom{ flex-direction: column; gap: 8px; text-align: center; }
  .branding-orbit{ width: 300px; height: 300px; transform: scale(0.85); }
  .orbit-chip{ font-size: 0.7rem; padding: 7px 12px; }
  .registration-panel{ padding: 34px 24px; }
  .contact-form{ padding: 26px; }
}