@charset "UTF-8";
/*
 * layout-marketing.scss — shell for public marketing pages (_MarketingLayout.cshtml).
 * Sizes are the landing mock's px values on this project's 10px root.
 * Compiled layout-marketing.css is checked in next to it (see compilerconfig.json).
 */
.landing-layout {
  background-color: var(--bs-body-bg);
}

[data-bs-theme=dark] .landing-header .brand-link .exile-logo.exile-logo-light {
  display: none;
}
[data-bs-theme=dark] .landing-header .brand-link .exile-logo.exile-logo-dark {
  display: block;
}

.landing-header {
  position: fixed;
  top: 1.6rem;
  left: 50%;
  z-index: 1030;
  width: 100%;
  transform: translateX(-50%);
}
.landing-header .landing-header-bar {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding: 0.8rem 0.8rem 0.8rem 2.4rem;
  background: transparent;
  border: 0.1rem solid transparent;
  border-radius: 10rem;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.landing-header.scrolled .landing-header-bar,
.landing-header .landing-header-bar:has(.navbar-collapse.show, .navbar-collapse.collapsing) {
  background: var(--surface);
  border-color: var(--border);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.12);
}
.landing-header .landing-header-bar > .navbar {
  margin-left: auto;
}
.landing-header .brand-link {
  flex-shrink: 0;
  color: var(--text);
}
.landing-header .brand-link .exile-logo {
  height: 4.8rem;
  width: auto;
}
.landing-header .brand-link .exile-logo.exile-logo-dark {
  display: none;
}
.landing-header .btn {
  padding: 0.9rem 1.8rem;
  font-size: 1.4rem;
  white-space: nowrap;
}

@media (max-width: 1199.98px) {
  .landing-header .landing-header-bar {
    justify-content: space-between;
  }
}
@media (max-width: 767.98px) {
  .landing-header .brand-link .exile-logo {
    height: 3.4rem;
  }
}
[data-bs-theme=dark] .landing-header.scrolled .landing-header-bar,
[data-bs-theme=dark] .landing-header .landing-header-bar:has(.navbar-collapse.show, .navbar-collapse.collapsing) {
  background: var(--surface);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.45);
}

.landing-footer-default {
  padding: 1.5rem 0;
  background-color: var(--surface-alt);
  border-top: 0.1rem solid var(--border);
}
.landing-footer-default .landing-footer-default-text {
  font-size: var(--font-size-xs);
  color: var(--text-muted);
  margin: 0;
}