/* ============================================================
   LEXY AURA — Responsive breakpoints
   ============================================================ */

@media (max-width: 1024px) {
  .hero-grid { grid-template-columns: 1fr; gap: var(--sp-8); }
  .hero-visual { max-width: 620px; }
  .fc-1 { left: 0; } .fc-2 { right: 0; }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .pd-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .hero-stats { grid-template-columns: repeat(2, 1fr); gap: var(--sp-6); }
}

@media (max-width: 820px) {
  .nav-links, .nav .nav-cta { display: none; }
  .nav-toggle { display: flex; }
  .split { grid-template-columns: 1fr; gap: var(--sp-8); }
  .section { padding: var(--sp-16) 0; }
  .form-grid { grid-template-columns: 1fr; }
  .contact-split { grid-template-columns: minmax(0, 1fr); }
  .ceo-card { grid-template-columns: minmax(0, 1fr); gap: var(--sp-8); max-width: 560px; text-align: center; }
  .ceo-photo { max-width: 320px; margin-inline: auto; }
  .ceo-role::before { display: none; }
  .ceo-quote { border-left: 0; padding: var(--sp-4) 0 0; margin-inline: auto; border-top: 1px solid var(--border); }
  .ceo-social { margin-inline: auto; }
}

@media (max-width: 560px) {
  .grid-3, .grid-2, .grid-4 { grid-template-columns: 1fr; }
  .hero-stats { grid-template-columns: repeat(2, 1fr); }
  .hero-actions .btn { width: 100%; }
  .float-card { display: none; }
  .footer-grid { grid-template-columns: 1fr; }
  .cta-banner { padding: var(--sp-12) var(--sp-6); }
  .card { padding: var(--sp-6); }
  .pd-meta { gap: var(--sp-4); }
  .form-card { padding: var(--sp-6) var(--sp-4); }
  .form-submit { width: 100%; }
  .contact-info .card { gap: 12px; }
  .contact-info .btn-sm { width: 100%; }
  .tech-row { gap: var(--sp-2); }
  .tech-chip { font-size: .85rem; padding-right: 14px; }
  .ceo-card { padding: var(--sp-6) var(--sp-4); }
  .ceo-photo { max-width: 260px; }
  .ceo-social .social-btn { padding-inline: 12px; justify-content: center; }
}

@media (max-width: 360px) {
  .tech-chip { font-size: .8rem; gap: 8px; }
}