@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500&family=Inter:wght@400;500;600&display=swap');
/* One navigation system for the homepage, Kevin and Cloud. */
body > .site-header.shared-header {
  --nav-ink: #fff8e8;
  position: absolute;
  inset: 0 0 auto;
  z-index: 20;
  width: calc(100% - 160px);
  max-width: 1220px;
  height: 106px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 35px;
  background: transparent;
  color: var(--nav-ink);
  text-shadow: 0 1px 8px #0003;
}
body > .shared-header.shared-header--ocean { --nav-ink: #113e49; text-shadow: none; }
body > .shared-header nav {display:flex;align-items:center;justify-content:space-between;gap:20px;font:400 13px/1.4 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none}
body > .shared-header .nav-right {justify-content:flex-end}
body > .shared-header .brand {display:flex;align-items:center;justify-content:center;min-width:180px;gap:10px;font:400 23px/.95 'Barlow Condensed',sans-serif;letter-spacing:-.4px;color:inherit}
body > .shared-header .brand img {width:40px;height:28px;filter:invert(1)}
body > .shared-header--ocean .brand img {filter:none}
body > .shared-header a {color:inherit;text-decoration:none}
body > .shared-header a:hover {opacity:.72}
body > .shared-header a:focus-visible {outline:2px solid currentColor;outline-offset:6px}
body > .shared-header .header-cta {border:1px solid currentColor;background:transparent;padding:10px 12px;border-radius:5px;white-space:nowrap;transition:background .15s}
body > .shared-header .header-cta:hover {background:#ffffff26;opacity:1}
@media(max-width:1100px){body > .site-header.shared-header{width:calc(100% - 90px);gap:20px}body > .shared-header .brand{min-width:140px}body > .shared-header nav{gap:15px;font-size:12px}}
@media(max-width:700px){body > .site-header.shared-header{width:calc(100% - 36px);height:90px;grid-template-columns:1fr 1fr;gap:15px}body > .shared-header .brand{grid-row:1;grid-column:1;justify-content:flex-start;min-width:0;font-size:22px}body > .shared-header .nav-left{display:none}body > .shared-header .nav-right{grid-column:2;grid-row:1;gap:12px}body > .shared-header .nav-right>a:nth-child(2){display:none}body > .shared-header nav{font-size:11px}body > .shared-header .header-cta{padding:9px}}

.cloud-page main{padding-top:106px}
@media(max-width:700px){.cloud-page main{padding-top:90px}}
