/* Shared across the homepage and every standard site header. */
:root { --site-nav-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.site-navigation .nav-menu > .nav-links,
.site-navigation .nav-actions > .nav-links {
  font-family: var(--site-nav-font);
  font-weight: 400;
  font-style: normal;
  font-synthesis: none;
  letter-spacing: .01em;
  text-transform: none;
  color: #39415e;
  -webkit-font-smoothing: antialiased;
}
.site-navigation .nav-menu > .nav-links:is(:hover,[aria-current="page"]),
.site-navigation .nav-actions > .nav-links:hover { color: #3d4bca; font-weight: 400; }
.site-navigation .nav-actions > .nav-demo {
  font-family: var(--site-nav-font);
  font-weight: 500;
  letter-spacing: .005em;
  -webkit-font-smoothing: antialiased;
}
.site-navigation .nav-actions { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-shrink: 0; order: 2; }
.site-navigation .nav-actions > a { white-space: nowrap; }
@media(min-width:992px) {
  .site-navigation.site-navigation--primary .nav-container,
  .site-navigation.site-navigation--full .nav-container { display: grid; grid-template-columns: minmax(190px,1fr) auto minmax(190px,1fr); column-gap: 24px; align-items: center; }
  .site-navigation.site-navigation--full .nav-container { grid-template-columns: minmax(170px,1fr) auto minmax(170px,1fr); }
  .site-navigation .nav-container > .nav-left-content { display: contents; }
  .site-navigation .nav-container > .nav-left-content > .brand { grid-column: 1; grid-row: 1; justify-self: start; width: 170px; margin: 0; }
  .site-navigation .brand .logo-img { width: 100%; height: auto; }
  .site-navigation .nav-container > .nav-left-content > .nav-menu { grid-column: 2; grid-row: 1; justify-self: center; margin: 0; display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 32px; }
  .site-navigation.site-navigation--full .nav-container > .nav-left-content > .nav-menu { gap: 22px; }
  .site-navigation .nav-menu > .nav-links { font-size: 14px; line-height: 1.5; white-space: nowrap; min-height: 44px; padding: 11px 0; }
  .site-navigation .nav-actions { grid-column: 3; grid-row: 1; justify-self: end; }
  .site-navigation .nav-actions .nav-links._3 { padding: 8px 0; font-size: 14px; }
  .site-navigation .menu-button { display: none; }
  .site-navigation .nav-menu .nav-mobile-login { display: none; }
}
@media(min-width:992px) and (max-width:1199px) {
  .site-navigation.site-navigation--full .nav-container { grid-template-columns: minmax(150px,1fr) auto minmax(150px,1fr); gap: 16px; }
  .site-navigation.site-navigation--full .nav-container > .nav-left-content > .brand { width: 150px; }
  .site-navigation.site-navigation--full .nav-container > .nav-left-content > .nav-menu { gap: 16px; }
  .site-navigation.site-navigation--full .nav-menu > .nav-links { font-size: 14px; }
  .site-navigation.site-navigation--primary .nav-container { column-gap: 16px; }
}
@media(max-width:991px) {
  .site-navigation .nav-container > .nav-actions { order: 2; }
  .site-navigation .nav-container > .menu-button { order: 3; }
  .site-navigation .nav-left-content { min-width: 0; flex: 1; }
  .site-navigation.site-navigation--primary .nav-actions .nav-links._3 { display: none; }
}
@media(max-width:360px) {
  .site-navigation .nav-actions { gap: 8px; }
}
@media(max-width:991px) {
  .site-navigation .nav-container > .menu-button { display: flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; padding: 10px; color: #121b48; }
  .site-navigation .nav-menu-icon { display: block; width: 24px; height: 24px; flex-shrink: 0; }
}
@media(max-width:360px) {
  .site-navigation.site-navigation--primary .brand { width: 120px; flex: 0 0 120px; }
}

@media(max-width:991px) {
  .site-navigation .nav-menu > .nav-links { font-size: 16px; line-height: 1.5; min-height: 48px; letter-spacing: 0; }
}
/* The cost pages have purpose-specific headers and share the same type treatment. */
.cost-experience .cost-nav .cost-nav-links > a,
.cost-experience .catalog-nav nav > a {
  font-family: var(--site-nav-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .01em;
  -webkit-font-smoothing: antialiased;
}
.cost-experience .cost-nav .cost-nav-links > .cost-nav-cta,
.cost-experience .catalog-nav nav > .nav-cta { font-weight: 500; letter-spacing: .005em; }
@media(max-width:1100px) {
  .cost-experience .cost-nav .cost-nav-links > a { font-size: 15px; letter-spacing: 0; }
}