/* VaultMaster — Global Responsive Overrides
   (Section-specific breakpoints already live in sections.css next to their
   components; this file covers cross-cutting nav/layout thresholds.) */

@media (max-width: 1199px) {
  h1 { font-size: 62px; }
}

@media (max-width: 859px) {
  .nav-links { display: none; }
  .nav-hamburger { display: flex; }
  .nav-login { display: none; }
}

@media (max-width: 767px) {
  .nav-brand img { height: 34px; }
  .nav-inner { padding: 0 var(--space-2); gap: var(--space-1); }
  .nav-actions { gap: var(--space-1); }
  .nav-actions .btn-primary {
    width: auto;
    height: 38px;
    padding: 0 var(--space-2);
    font-size: 14px;
  }
}

@media (max-width: 420px) {
  .nav-inner { gap: var(--space-1); }
  .nav-brand img { height: 30px; }
  .nav-actions .btn-primary {
    width: auto;
    height: 36px;
    white-space: nowrap;
    padding: 0 var(--space-1);
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  section { padding: 48px 0; }
  .hiw, .adaptive, .arch, .download { padding: 48px 0; }
  .container, .container-wide { padding: 0 var(--space-2); }
}

/* Prevent any accidental horizontal overflow from wide decorative elements */
body, .glow-bg, .hero, section { max-width: 100vw; }