/* GÖ.AI Website V3 — header spacing refinement only.
   Deliberately does not alter the approved homepage hero or its artwork. */
@media (min-width:1021px) {
  .topbar .wrap {
    width:100%;
    max-width:1920px;
    padding-left:clamp(24px,2.7vw,54px);
    padding-right:clamp(24px,2.7vw,54px);
  }
  .nav {
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:0;
    min-width:0;
  }
  .nav .brand {flex:0 0 auto;margin-right:0}
  .nav .brand + .nav-group {
    margin-left:clamp(20px,1.95vw,36px);
  }
  .nav .nav-group + .nav-group {
    margin-left:clamp(14px,1.65vw,29px);
  }
  .nav .nav-trigger {
    font-size:clamp(10px,.67vw,11px);
    letter-spacing:.135em;
    white-space:nowrap;
  }
  .nav .nav-trigger::after {margin-left:8px}
  .nav .nav-cta {
    flex:0 0 auto;
    margin-left:auto;
    min-width:185px;
    width:auto;
    height:48px;
    padding:0 16px 0 22px;
    font-size:10px;
    letter-spacing:.11em;
    white-space:nowrap;
  }
  .nav .nav-cta::after {margin-left:16px}
}
@media (min-width:1021px) and (max-width:1550px) {
  /* At intermediate desktops, preserve the logo and five accessible
     menus rather than clipping the right-hand conversion CTA. */
  .nav .brand-tag,
  .nav .brand-divider {display:none!important}
  .nav .brand + .nav-group {margin-left:auto}
}
@media (max-width:680px) {
  .nav .nav-cta {
    min-width:0!important;
    font-size:9px;
    letter-spacing:.07em;
    padding:0 12px;
  }
  .nav .nav-cta::after {margin-left:9px}
}
@media (max-width:380px) {
  .nav .nav-cta::after {display:none}
}
