/* Sign-up-only release chrome (node build.mjs --target=signup; markup: src/partials/signup-chrome.js).
   Loaded only in that build, only on the pages that normally carry the full chrome (legal pages, 404).
   A 64 px bar at the top (logo → the sign-up page, one violet "Register interest" button) in place of the site header,
   and a short closing footer (links that exist in this build + the research-use notice) in place of the site footer.
   The header is 64 px tall like the site header, so the legal / 404 top paddings keep their designed clearance. */

.sgn-head { position: absolute; top: 0; left: 0; right: 0; z-index: 9; }
.sgn-head__inner {
  max-width: var(--max); height: 64px; margin-inline: auto; padding: 0 var(--gutter);
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.sgn-head__cta {
  display: inline-flex; align-items: center; gap: 8px; flex: none;
  height: 38px; padding: 0 14px 0 20px; border-radius: 100px;
  background: var(--accent); color: var(--white);
  font-family: var(--font-nohemi-400); font-size: 15px; line-height: 1; white-space: nowrap; text-decoration: none;
  transition: background-color .4s var(--ease-btn);
}
.sgn-head__cta-icon { width: 20px; height: 20px; flex: none; }
@media (hover: hover) { .sgn-head__cta:hover { background: var(--accent-deep); } }
.sgn-head__cta:active { background: var(--accent-deep); }

.sgn-foot { position: relative; z-index: 5; background: var(--white); }
.sgn-foot__inner {
  max-width: var(--max); margin-inline: auto; padding: 40px var(--gutter) 30px;
  display: flex; flex-direction: column; gap: 28px;
}
.sgn-foot__links { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px 32px; }
.sgn-foot__link { color: var(--ink); text-decoration: none; white-space: nowrap; transition: color .3s var(--ease-btn); }
.sgn-foot__link[aria-current="page"] { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--accent); }
@media (hover: hover) { .sgn-foot__link:hover { color: var(--ink-2); text-decoration: underline; text-underline-offset: 3px; } }
.sgn-foot__ruo {
  position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 40px;
  padding-top: 20px; border-top: 1px solid var(--accent-line); color: var(--ink-2);
}
.sgn-foot__ruo::before { content: ""; position: absolute; left: 0; top: -1px; width: 40px; height: 1px; background: var(--accent); }
.sgn-foot__ruo-text { max-width: 720px; }
.sgn-foot__ruo-label { font-weight: 600; color: var(--accent); }
.sgn-foot__copy { flex: none; white-space: nowrap; }

@media (max-width: 809.98px) {
  .sgn-head__cta { height: 36px; padding: 0 12px 0 16px; font-size: 14px; }
  .sgn-foot__inner { padding: 32px var(--gutter) 30px; gap: 24px; }
  .sgn-foot__links { flex-direction: column; gap: 14px; }
  .sgn-foot__ruo { flex-direction: column; gap: 12px; }
}