/* SAJIDMK: main nav order follows the document's visitor journey.
   The anchor order lives in index.html and no link/CMS key is duplicated.
   Contact remains a dedicated #topNav > .nav-cta (Let's talk).

   Restore a real visual gap between Contact and Footer; older styles.css
   CSS-71 intentionally fused them into one square-cornered panel.
   Keep the same optical transparency / radius on both panels. */
:root { --contact-footer-panel-gap: var(--refine-gap, 28px); }

html body main > section#contact.section.optical-liquid-glass {
  margin-bottom: var(--contact-footer-panel-gap) !important;
  border-radius: clamp(22px, 3vw, 36px) !important;
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
  border-bottom-color: rgba(196,215,227,.30) !important;
}
html body > footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
:is(html,html[data-site-theme]) body > footer > .footer-panel.footer-panel {
  border-radius: clamp(22px, 3vw, 36px) !important;
  border-top: 1.5px solid rgba(255,255,255,.79) !important;
}
@media (max-width: 640px) {
  :root { --contact-footer-panel-gap: 22px; }
}