@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;900&display=swap");
.has-banner main .mast {
  padding-top: 8rem;
}
@media (min-width: 641px) {
  .has-banner main .mast {
    padding-top: 15rem;
  }
}

.nav-padding {
  padding-left: 2.5%;
  padding-right: 2.5%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  transition: 0.25s ease-in-out;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.hide-navigation .nav-padding {
  display: none;
}

@media (min-width: 1024px) {
  .nav-padding:not(.collapsed).has-banner nav#meganav {
    --navHeight: 11.8rem;
  }
}
nav#meganav {
  overflow: hidden;
  --navHeight: 6rem;
  max-width: 25rem;
  margin-left: auto;
  margin-right: auto;
  max-height: var(--navHeight);
  border-radius: 4rem;
  background: var(--white);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1), 0px 7px 30px rgba(0, 0, 0, 0.1);
  transition: 0.25s ease-in-out;
}
nav#meganav p {
  color: var(--bunkerblack);
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .nav-padding:not(.collapsed) nav#meganav {
    max-height: 100%;
    --navHeight: 8rem;
    height: var(--navHeight);
    padding: 0 1rem 1rem;
    max-width: 128rem;
    border-radius: 2rem;
    transition: height 0.25s ease-in-out, border-radius 0.25s ease-in-out;
  }
  .nav-padding:not(.collapsed) nav#meganav.active {
    transition: height 0.25s ease-in-out;
  }
}
nav#meganav .announcement-banner {
  display: none;
  background-color: #5F5CE7;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  padding: 0.8rem 3rem;
  font-size: 1.6rem;
  color: var(--white);
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
}
@media (min-width: 1024px) {
  nav#meganav .announcement-banner {
    display: flex;
  }
}
nav#meganav .announcement-banner .heading {
  display: block;
  max-width: 110rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
nav#meganav .announcement-banner .link-text {
  display: block;
  text-transform: uppercase;
  font-weight: var(--semibold);
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}
.mobilenav-active nav#meganav {
  border-radius: 2rem;
  max-width: 37.5rem;
}
.mobilenav-active nav#meganav .nav-container {
  transition: 0.5s ease-out;
  transform: translateX(0);
}
.mobilenav-active nav#meganav .links > li > a::after {
  transform: rotate(0);
}
nav#meganav .mobile-menu {
  cursor: pointer;
  --animation-speed: .5s;
  --nav-color: var(--paleskygrey);
  transition: transform var(--animation-speed);
  padding: 12.5px 0;
}
@media (min-width: 1024px) {
  .nav-padding:not(.collapsed) nav#meganav .mobile-menu {
    display: none;
  }
}
nav#meganav .mobile-menu .line-1, nav#meganav .mobile-menu .line-3, nav#meganav .mobile-menu .line-2 {
  border-top: 2px solid var(--nav-color);
  display: block;
  transition: margin var(--animation-speed), transform var(--animation-speed);
  width: 20px;
}
nav#meganav .mobile-menu .line-2 {
  margin: 3px 0;
}
.mobilenav-active nav#meganav .mobile-menu {
  transform: rotateY(180deg);
}
.mobilenav-active nav#meganav .mobile-menu .line-1, .mobilenav-active nav#meganav .mobile-menu .line-2, .mobilenav-active nav#meganav .mobile-menu .line-3 {
  transform: rotate(45deg);
}
.mobilenav-active nav#meganav .mobile-menu .line-2 {
  margin: -2px 0;
  opacity: 0;
}
.mobilenav-active nav#meganav .mobile-menu .line-3 {
  transform: rotate(-45deg);
}
nav#meganav .mobile-only a {
  border-radius: 0;
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  nav#meganav .mobile-only {
    display: none;
  }
}
nav#meganav .topnav {
  height: 6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 3rem;
}
.mobilenav-active nav#meganav .topnav {
  height: 8rem;
}
@media (min-width: 1024px) {
  .nav-padding:not(.collapsed) nav#meganav .topnav {
    height: 8rem;
  }
}
nav#meganav .topnav .brand-logo {
  display: block;
  width: 8.4rem;
  margin-right: 2rem;
  transform: translateY(-2px);
}
@media (min-width: 1024px) {
  .nav-padding:not(.collapsed) nav#meganav .topnav .brand-logo {
    transform: translateY(0);
    width: 9.3rem;
  }
}
@media (min-width: 1050px) {
  .nav-padding:not(.collapsed) nav#meganav .topnav .brand-logo {
    margin-right: 6rem;
  }
}
nav#meganav .topnav .brand-logo img {
  width: 100%;
}
nav#meganav .topnav .links, nav#meganav .topnav .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav#meganav .topnav .links .has-dropdown, nav#meganav .topnav .buttons .has-dropdown {
  cursor: context-menu;
}
nav#meganav .topnav .links {
  font-weight: var(--bold);
  font-size: 1.5rem;
}
nav#meganav .topnav .links button, nav#meganav .topnav .links a:not(.brand-logo) {
  padding: 2.2rem;
  font-size: 1.5rem;
  font-weight: var(--bold);
  color: var(--bunkerblack);
}
nav#meganav .topnav .links button:hover, nav#meganav .topnav .links a:not(.brand-logo):hover {
  text-decoration: none;
  color: var(--electricblue);
}
nav#meganav .topnav .links button:hover::before, nav#meganav .topnav .links a:not(.brand-logo):hover::before {
  content: "";
  display: none;
}
nav#meganav .topnav .links button.active, nav#meganav .topnav .links a:not(.brand-logo).active {
  color: var(--electricblue);
}
nav#meganav .topnav .links-container {
  display: none;
}
@media (min-width: 1024px) {
  .nav-padding:not(.collapsed) nav#meganav .topnav .links-container {
    display: flex;
  }
}
nav#meganav .topnav .buttons {
  gap: 2rem;
  display: none;
}
@media (min-width: 1024px) {
  .nav-padding:not(.collapsed) nav#meganav .topnav .buttons {
    display: flex;
  }
}
nav#meganav .nav-content-container {
  position: relative;
}
@media (max-width: 1023px) {
  nav#meganav .nav-content-container {
    overflow: scroll;
    display: none;
    max-height: 52rem;
  }
  .mobilenav-active nav#meganav .nav-content-container {
    display: block;
  }
  nav#meganav .nav-content-container > *:nth-child(1) {
    transition-delay: calc(1 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  nav#meganav .nav-content-container > *:nth-child(2) {
    transition-delay: calc(2 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  nav#meganav .nav-content-container > *:nth-child(3) {
    transition-delay: calc(3 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  nav#meganav .nav-content-container > *:nth-child(4) {
    transition-delay: calc(4 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  nav#meganav .nav-content-container > *:nth-child(5) {
    transition-delay: calc(5 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  nav#meganav .nav-content-container > *:nth-child(6) {
    transition-delay: calc(6 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  nav#meganav .nav-content-container > *:nth-child(7) {
    transition-delay: calc(7 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  nav#meganav .nav-content-container > *:nth-child(8) {
    transition-delay: calc(8 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  nav#meganav .nav-content-container > *:nth-child(9) {
    transition-delay: calc(9 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  nav#meganav .nav-content-container.active > *:nth-child(1) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  nav#meganav .nav-content-container.active > *:nth-child(2) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  nav#meganav .nav-content-container.active > *:nth-child(3) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  nav#meganav .nav-content-container.active > *:nth-child(4) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  nav#meganav .nav-content-container.active > *:nth-child(5) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  nav#meganav .nav-content-container.active > *:nth-child(6) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  nav#meganav .nav-content-container.active > *:nth-child(7) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  nav#meganav .nav-content-container.active > *:nth-child(8) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  nav#meganav .nav-content-container.active > *:nth-child(9) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
nav#meganav .nav-content {
  padding: 1rem 2rem;
}
@media (max-width: 1023px) {
  nav#meganav .nav-content:last-child {
    padding-bottom: 3rem;
  }
}
@media (min-width: 1024px) {
  nav#meganav .nav-content {
    position: absolute;
    top: 0;
    display: grid;
    grid-template-columns: 32rem 1fr;
    visibility: hidden;
    opacity: 0;
    transition: 0.15s ease-in-out;
    left: 0;
    right: 0;
    transform: translate(var(--txOffset), var(--tyOffset));
    pointer-events: none;
    z-index: 0;
    padding: 0;
  }
  nav#meganav .nav-content.active {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transition: 0.25s ease-in-out;
    z-index: 1;
  }
}
@media (max-width: 1023px) {
  nav#meganav .nav-content .subnav {
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin-top: 1rem;
  }
  nav#meganav .nav-content.active .has-dropdown svg {
    transform: rotate(90deg);
  }
  nav#meganav .nav-content.active .subnav {
    height: auto;
    opacity: 1;
  }
}
nav#meganav .nav-content .link {
  color: var(--bunkerblack);
  font-size: 1.8rem;
  font-weight: var(--bold);
}
@media (min-width: 1024px) {
  nav#meganav .nav-content .has-dropdown {
    display: none;
  }
}
nav#meganav .nav-content .has-dropdown svg {
  margin-left: 1em;
  transform: rotate(0deg);
  transition: 0.15s ease-in-out;
}
nav#meganav .nav-content.simple {
  grid-template-columns: 1fr;
}
@media (min-width: 1024px) {
  nav#meganav .nav-content.simple .subnav {
    background-color: white;
    gap: 1rem;
    max-width: 100%;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  nav#meganav .nav-content.simple .subnav {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  nav#meganav .nav-content.simple .subnav > .subnav-item {
    flex: 1;
    align-items: flex-start;
    grid-template-columns: 1fr;
  }
  nav#meganav .nav-content.simple .subnav .active-tile {
    background-color: #EFF3F9;
  }
  nav#meganav .nav-content.simple .subnav .active-tile::after {
    display: none;
  }
}
nav#meganav .nav-content.simple .subnav .subnav-item-label svg {
  display: none;
}
@media (min-width: 1024px) {
  nav#meganav .nav-content.simple .subnav .subnav-item-label svg {
    display: block;
  }
}
@media (min-width: 1024px) {
  nav#meganav .nav-content.simple .subnav .subnav-item-label {
    border-bottom: 1px solid var(--bombaygrey);
    padding-bottom: 0.5em;
    color: var(--electricblue);
    font-size: var(--lg);
    font-weight: var(--bold);
    letter-spacing: -0.05em;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
nav#meganav .nav-content.simple .subnav .subnav-item-header {
  font-size: var(--md);
  font-weight: var(--bold);
  margin-bottom: 0.2em;
}
nav#meganav .nav-content.simple .subnav .subnav-item-copy {
  display: none;
}
@media (min-width: 1024px) {
  nav#meganav .nav-content.simple .subnav .subnav-item-copy {
    display: block;
    padding-top: 1em;
  }
}
nav#meganav .nav-content.simple .subnav .subnav-item-copy p:first-child strong {
  font-size: var(--md);
  font-weight: var(--bold);
  margin-bottom: 0.2em;
}
nav#meganav .subnav {
  position: relative;
  background-color: #EFF3F9;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 3px;
  padding: 3px;
  width: 100%;
  margin: 0;
}
@media (min-width: 1024px) {
  nav#meganav .subnav {
    max-width: 27.5rem;
  }
}
nav#meganav .subnav .active-tile {
  position: absolute;
  left: 3px;
  right: 3px;
  background-color: var(--offwhite);
  border-radius: 1.2rem;
  transition: 0.25s ease-in-out;
}
@media (max-width: 1023px) {
  nav#meganav .subnav .active-tile {
    display: none;
  }
}
nav#meganav .subnav .active-tile::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16"><path d="M3,16l5.957-5.836a3.017,3.017,0,0,0,0-4.328L3,0" transform="translate(0.125)" fill="%23eff3f9"/><path d="M0,16l5.957-5.836a3.017,3.017,0,0,0,0-4.328L0,0" transform="translate(0 0)" fill="%23fff"/></svg>');
  background-repeat: no-repeat;
  height: 1.6rem;
  width: 1rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
}
nav#meganav .subnav .subnav-item {
  position: relative;
  text-align: left;
  display: grid;
  align-items: center;
  grid-template-columns: 3.2rem 1fr;
  gap: 1.4rem;
  padding: 1.8rem 2rem;
  border-radius: 1.2rem;
}
nav#meganav .subnav .subnav-item.no-icon {
  grid-template-columns: 1fr;
}
nav#meganav .subnav .subnav-item .subnav-item-icon {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
nav#meganav .subnav .subnav-item .subnav-item-icon img {
  position: relative;
}
nav#meganav .subnav .subnav-item .subnav-item-label {
  color: var(--bunkerblack);
  font-size: 1.5rem;
  font-weight: var(--bold);
}
nav#meganav .subnav .subnav-item .subnav-item-copy {
  font-size: 1.3rem;
  color: var(--mineshaftblack);
}
nav#meganav .subnav-content-container {
  min-height: var(--height);
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "content";
}
@media (max-width: 1023px) {
  nav#meganav .subnav-content-container {
    display: none;
  }
}
nav#meganav [data-subnav-content] {
  grid-area: content;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: 0.25s ease-in-out;
  transform: translateY(var(--tyOffset));
  z-index: 0;
}
nav#meganav [data-subnav-content].active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}
nav#meganav .subnav-content {
  display: grid;
  grid-template-columns: 1fr 0.75fr;
}
@media (min-width: 1100px) {
  nav#meganav .subnav-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  nav#meganav .subnav-content {
    grid-template-columns: 375px 1fr;
  }
}
nav#meganav .subnav-content.col2 {
  grid-template-columns: 0.75fr 1fr;
}
nav#meganav .subnav-content.col3 {
  grid-template-columns: 0.75fr 0.85fr 1fr;
}
nav#meganav .subnav-content.has-products {
  grid-template-columns: 1fr 0.75fr;
  gap: 2rem;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  nav#meganav .subnav-content.has-products {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media (min-width: 1200px) {
  nav#meganav .subnav-content.has-products {
    grid-template-columns: 375px 1fr;
  }
}
nav#meganav .subnav-content.has-products .subnav-content-oveview {
  padding-right: 0;
}
nav#meganav .subnav-content .overline {
  font-weight: var(--bold);
  font-size: 1.3rem;
  margin-bottom: 0.75em;
}
nav#meganav .subnav-content .header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid var(--mischkagrey);
  flex-wrap: wrap;
  padding: 1.2rem;
  gap: 8px;
  height: 5rem;
}
nav#meganav .subnav-content .header .icon {
  width: 100%;
  max-height: 2.4rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: relative;
  top: 3px;
}
nav#meganav .subnav-content .header .content-label {
  display: grid;
  grid-template-columns: 2.4rem 1fr;
  align-items: flex-end;
  gap: 1.2rem;
  font-size: var(--xl);
  line-height: 0.8;
  color: var(--electricblue);
}
nav#meganav .subnav-content .header .content-label.small {
  font-size: var(--lg);
}
nav#meganav .subnav-content .header .content-label strong {
  font-weight: var(--bold);
}
nav#meganav .subnav-content .border-right {
  border-right: 1px solid var(--mischkagrey);
}
nav#meganav .subnav-content .subnav-content-oveview {
  padding-top: 2rem;
  padding-right: 5rem;
}
nav#meganav .subnav-content .subnav-content-oveview .copy-heading {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: var(--bold);
  text-wrap: balance;
  margin-bottom: 0.5em;
}
nav#meganav .subnav-content .subnav-content-oveview .copy {
  padding: 1.6rem;
  font-size: 1.4rem;
  text-wrap: pretty;
}
nav#meganav .subnav-content .subnav-content-oveview .copy p {
  max-width: 40rem;
}
nav#meganav .subnav-content .subnav-content-oveview .btn {
  margin-top: 2rem;
}
@media (min-width: 1280px) {
  nav#meganav .subnav-content .products {
    padding-top: 2rem;
    padding-right: 3rem;
  }
}
nav#meganav .subnav-content .products .product-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  padding: 1.6rem;
}
nav#meganav .subnav-content .products .product-list .product {
  padding: 0.5rem;
  display: grid;
  grid-template-columns: 1.8em 1fr;
  gap: 1em;
  font-size: 1.6rem;
  border-radius: 1rem;
  transition: 0.15s ease-in-out;
}
nav#meganav .subnav-content .products .product-list .product:hover {
  background-color: #EFF3F9;
}
nav#meganav .subnav-content .products .product-list .product-title {
  font-size: 1em;
  font-weight: var(--bold);
  line-height: 1.1;
  margin-bottom: 0.4em;
  text-wrap: balance;
  color: var(--bunkerblack);
}
nav#meganav .subnav-content .products .product-list p {
  font-size: 1.3rem;
  line-height: 1.2;
}
nav#meganav .subnav-content .products .product-list .icon {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--grey3);
}
nav#meganav .subnav-content .related-content {
  padding-top: 2rem;
  padding-bottom: 3rem;
  padding-right: 3rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-left: 4rem;
}
nav#meganav .subnav-content .related-content .article {
  display: grid;
  grid-template-rows: auto auto;
}
@media (min-width: 1100px) {
  nav#meganav .subnav-content .related-content .article {
    display: grid;
    grid-template-columns: 10rem 1fr;
    grid-template-rows: auto;
    gap: 2.4rem;
  }
}
@media (min-width: 1200px) {
  nav#meganav .subnav-content .related-content .article {
    grid-template-columns: 15rem 1fr;
  }
}
nav#meganav .subnav-content .related-content .article .title {
  font-size: 1.6rem;
  font-weight: var(--bold);
  line-height: 1.18;
  text-wrap: balance;
  margin-top: 0.35em;
  margin-bottom: 0.8em;
}
nav#meganav .subnav-content .related-content .article figure {
  width: 50%;
  background-color: var(--grey1);
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 1100px) {
  nav#meganav .subnav-content .related-content .article figure {
    aspect-ratio: 30/21;
    width: 100%;
  }
}
nav#meganav .subnav-content .related-content .article figure img {
  height: 100%;
}
nav#meganav .subnav-content .related-content .article a.link {
  color: var(--electricblue);
  font-size: 1.4rem;
}
nav#meganav .subnav-content .latest-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "content";
  padding-top: 2rem;
  padding-right: 3rem;
  border-right: 1px solid var(--mischkagrey);
}
nav#meganav .subnav-content .latest-article figure {
  width: 100%;
  aspect-ratio: 250/120;
  background-color: var(--gray2);
  border-radius: 10px;
  overflow: hidden;
}
nav#meganav .subnav-content .latest-article .content {
  padding: 1.2rem;
}
nav#meganav .subnav-content .latest-article .title {
  font-size: 1.6rem;
  font-weight: var(--bold);
  line-height: 1.4;
}
nav#meganav .subnav-content .latest-article .actions {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
nav#meganav .subnav-content .latest-article .actions a.link {
  color: var(--electricblue);
  font-size: 1.4rem;
}
nav#meganav .subnav-content .podcast-series {
  padding-top: 2rem;
  padding-left: 3rem;
  padding-right: 3rem;
  border-right: 1px solid var(--mischkagrey);
}
nav#meganav .subnav-content .podcast-series .podcast {
  display: grid;
  grid-template-columns: 4rem 1fr;
  gap: 2rem;
  margin: 1rem 0;
}
nav#meganav .subnav-content .podcast-series .podcast.analytics-unplugged figure {
  position: relative;
  background-color: var(--mineshaftblack);
  overflow: hidden;
}
nav#meganav .subnav-content .podcast-series .podcast.analytics-unplugged figure::before {
  content: "";
  position: absolute;
  inset: 0;
  mix-blend-mode: overlay;
  background-image: linear-gradient(40deg in oklab, #8c66ff 0%, #89b8fd 100%);
}
nav#meganav .subnav-content .podcast-series .podcast.elevar-conversion-tracking figure {
  background-color: #6354EB;
}
nav#meganav .subnav-content .podcast-series figure {
  border-radius: 8px;
  background-color: var(--grey2);
  aspect-ratio: 1/1;
  width: 100%;
  display: grid;
  place-items: center;
}
nav#meganav .subnav-content .podcast-series figure img {
  width: 1.8rem;
  opacity: 0.9;
}
nav#meganav .subnav-content .podcast-series .title {
  font-size: 1.8rem;
  font-weight: var(--bold);
}
nav#meganav .subnav-content .podcast-series a.link {
  color: var(--electricblue);
  font-size: 1.4rem;
}
nav#meganav .subnav-content .reports {
  padding-top: 2rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
nav#meganav .subnav-content .tools {
  padding-top: 2rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
nav#meganav .subnav-content .tools .tool {
  border-radius: 1.2rem;
  padding: 2.4rem;
}
nav#meganav .subnav-content .tools .tool .logo {
  display: block;
  max-height: 3.2rem;
  margin-bottom: 1.6rem;
}
nav#meganav .subnav-content .tools .tool p {
  margin-bottom: 2rem;
}

.text-xxs {
  font-size: var(--xxs);
}

footer {
  padding-top: 4rem;
  padding-bottom: 10.6rem;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px) {
  footer {
    padding-top: 6rem;
  }
}
footer .footer-container {
  padding-left: 5%;
  padding-right: 5%;
}
footer a:not(.btn) {
  color: var(--white);
  font-size: 1.3rem;
}
footer a:not(.btn):hover {
  color: var(--electricblue);
}
footer .nowrap a {
  white-space: nowrap;
}
footer .buxton-logo {
  width: 16.7rem;
  padding-right: 0;
}
footer .footer-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4rem;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 500px) {
  footer .footer-logo {
    flex-direction: row;
  }
}
footer .footer-content {
  border-top: 1px solid rgba(220, 222, 230, 0.2);
  border-bottom: 1px solid rgba(220, 222, 230, 0.2);
  padding: 5rem 4rem 4rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem 6rem;
}
@media (min-width: 515px) {
  footer .footer-content {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "solutions solutions" "products resources" "products pricing" "company company";
  }
}
@media (min-width: 700px) and (max-width: 767px) {
  footer .footer-content {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "solutions products resources" "solutions products resources" "solutions products pricing" "solutions products company";
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  footer .footer-content {
    gap: 6rem;
    grid-template-columns: 235px 1fr 0.75fr auto;
    grid-template-areas: "solutions solutions solutions solutions" "products resources pricing company";
  }
}
@media (min-width: 1024px) {
  footer .footer-content {
    grid-template-columns: 235px 1fr 0.75fr 0.5fr auto;
  }
}
@media (min-width: 515px) and (max-width: 1023px) {
  footer .footer-content .footer-solutions {
    grid-area: solutions;
  }
  footer .footer-content .footer-products {
    grid-area: products;
  }
  footer .footer-content .footer-resources {
    grid-area: resources;
  }
  footer .footer-content .pricing {
    grid-area: pricing;
  }
  footer .footer-content .footer-company {
    grid-area: company;
  }
}
footer .footer-content .footer-links li {
  display: grid;
  grid-template-columns: 2.6rem 1fr;
  align-items: center;
  gap: 1em;
  font-size: 1.3rem;
  margin-bottom: 0.5em;
}
footer .footer-content .footer-links li svg {
  width: 2.6rem;
}
footer .footer-content a {
  font-size: 1.3rem;
  display: block;
}
footer .footer-content a, footer .footer-content svg, footer .footer-content path {
  transition: 0.15s ease-in-out;
}
footer .footer-content ul:hover li svg {
  opacity: 0.5;
}
footer .footer-content ul:hover li svg path {
  fill: var(--white);
}
footer .footer-content ul:hover li:hover svg {
  opacity: 1;
}
footer .footer-content ul:hover li:hover svg path {
  fill: var(--electricblue);
}
footer .footer-content ul:hover li a {
  color: var(--bombaygrey);
}
footer .footer-content ul:hover li a:hover {
  color: var(--white);
}
footer .heading3 {
  font-size: 1.8rem;
  font-weight: var(--bold);
  margin-bottom: 1em;
}
@media (min-width: 768px) and (max-width: 1023px) {
  footer .footer-solutions ul {
    display: flex;
    gap: 4rem;
  }
}
footer .footer-solutions li {
  font-size: 1.3rem;
  margin-bottom: 1em;
}
footer .footer-solutions strong {
  font-size: inherit;
  display: block;
  margin-bottom: 0.15em;
}
footer .footer-solutions strong a {
  font-size: inherit;
  margin-bottom: 0;
}
footer .footer-solutions p {
  font-size: 1.1rem;
}
footer .footer-social {
  border-bottom: 1px solid rgba(220, 222, 230, 0.2);
  padding: 2.4rem 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footer-social .social-links {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
footer .footer-social .social-links a, footer .footer-social .social-links svg, footer .footer-social .social-links path {
  transition: 0.25s ease-in-out;
}
footer .footer-social .social-links:hover a {
  opacity: 0.5;
}
footer .footer-social .social-links:hover a:hover {
  opacity: 1;
}
footer .footer-legal {
  padding: 3rem 4rem 7rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}
footer .footer-legal p, footer .footer-legal a {
  color: var(--white);
  font-size: 1rem;
}
footer .footer-legal .legal-links ul {
  display: flex;
}
footer .footer-legal .legal-links ul li {
  display: flex;
  align-items: center;
}
footer .footer-legal .legal-links ul li::after {
  content: "|";
  display: block;
  padding: 0 1rem;
  color: var(--white);
  font-size: 0.75em;
  line-height: 1;
}
footer .footer-legal .legal-links ul li:last-child::after {
  opacity: 0;
  padding-right: 0;
  position: absolute;
  visibility: hidden;
}
footer .announcement-banner {
  z-index: 100;
  position: fixed;
  bottom: 2rem;
  max-width: 100%;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}
footer .announcement-banner.hide {
  display: none;
}
@media (min-width: 1024px) {
  footer .announcement-banner {
    display: none;
  }
}
footer .announcement-banner .card {
  background-color: #5F5CE7;
  position: relative;
  padding-left: 3.6rem;
  padding-right: 3.6rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: grid;
  gap: 1.6rem 3.6rem;
  align-items: center;
  border-radius: 2rem;
  width: 100%;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1), 0px 7px 30px rgba(0, 0, 0, 0.1);
}
@media (min-width: 641px) and (max-width: 767px) {
  footer .announcement-banner .card {
    grid-template-columns: auto 1fr;
    grid-template-areas: "date copy" "date action";
  }
}
@media (min-width: 768px) {
  footer .announcement-banner .card {
    grid-template-columns: auto 1fr auto;
  }
}
footer .announcement-banner .card > time {
  padding-right: 3.6rem;
  text-align: center;
  border-right: 2px solid rgba(255, 255, 255, 0.25);
  display: none;
  align-self: flex-start;
}
@media (min-width: 641px) and (max-width: 767px) {
  footer .announcement-banner .card > time {
    grid-area: date;
  }
}
@media (min-width: 641px) {
  footer .announcement-banner .card > time {
    display: block;
  }
}
@media (min-width: 641px) and (max-width: 767px) {
  footer .announcement-banner .card .copy {
    grid-area: copy;
  }
}
footer .announcement-banner .card .event-title {
  font-size: var(--md);
  font-weight: var(--semibold);
  line-height: 1.2;
  text-wrap: pretty;
}
@media (min-width: 641px) {
  footer .announcement-banner .card .event-title {
    font-size: var(--lg);
  }
}
@media (min-width: 1024px) {
  footer .announcement-banner .card .event-title {
    font-size: var(--xl);
  }
}
footer .announcement-banner .card .action {
  align-self: flex-end;
}
@media (min-width: 641px) and (max-width: 767px) {
  footer .announcement-banner .card .action {
    grid-area: action;
  }
}
footer .announcement-banner .card .action .btn {
  white-space: nowrap;
}
footer .announcement-banner .card .close {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
}

:root {
  --electricblue: #0061ff;
  --deepblue: #270a76;
  --aquablue: #33a2ff;
  --offwhite: #fcfaff;
  --bunkerblack: #0e1417;
  --mineshaftblack: #2f2f2f;
  --paleskygrey: #6d747e;
  --bombaygrey: #b5b8bc;
  --mischkagrey: #dcdee6;
  --lightcream: #fffef7;
  --cream: #f9f4df;
  --grey4: #828282;
  --grey3: #ACACAC;
  --grey2: #E6E6E6;
  --grey1: #F0F0F0;
  --white: #FFFFFF;
  --sunshade: #FF9C29;
  --torchred: #FF004A;
  --springgreen: #00E866;
  --busyellow: #FFE000;
  --brightturquoise: #00C7FF;
  --helioblue: #8C66FF;
}

.bg-electricblue {
  background-color: var(--electricblue);
}

.bg-deepblue {
  background-color: var(--deepblue);
}

.bg-aquablue {
  background-color: var(--aquablue);
}

.bg-offwhite {
  background-color: var(--offwhite);
}

.bg-bunkerblack {
  background-color: var(--bunkerblack);
}

.bg-mineshaftblack {
  background-color: var(--mineshaftblack);
}

.bg-paleskygrey {
  background-color: var(--paleskygrey);
}

.bg-bombaygrey {
  background-color: var(--bombaygrey);
}

.bg-mischkagrey {
  background-color: var(--mischkagrey);
}

.bg-lightcream {
  background-color: var(--lightcream);
}

.bg-cream {
  background-color: var(--cream);
}

.bg-grey4 {
  background-color: var(--grey4);
}

.bg-grey3 {
  background-color: var(--grey3);
}

.bg-grey2 {
  background-color: var(--grey2);
}

.bg-grey1 {
  background-color: var(--grey1);
}

.bg-white {
  background-color: var(--white);
}

.bg-sunshade {
  background-color: var(--sunshade);
}

.bg-torchred {
  background-color: var(--torchred);
}

.bg-springgreen {
  background-color: var(--springgreen);
}

.bg-busyellow {
  background-color: var(--busyellow);
}

.bg-brightturquoise {
  background-color: var(--brightturquoise);
}

.bg-helioblue {
  background-color: var(--helioblue);
}

.text-electricblue {
  color: var(--electricblue);
}

.text-deepblue {
  color: var(--deepblue);
}

.text-aquablue {
  color: var(--aquablue);
}

.text-offwhite {
  color: var(--offwhite);
}

.text-bunkerblack {
  color: var(--bunkerblack);
}

.text-mineshaftblack {
  color: var(--mineshaftblack);
}

.text-paleskygrey {
  color: var(--paleskygrey);
}

.text-bombaygrey {
  color: var(--bombaygrey);
}

.text-mischkagrey {
  color: var(--mischkagrey);
}

.text-grey4 {
  color: var(--grey4);
}

.text-grey3 {
  color: var(--grey3);
}

.text-grey2 {
  color: var(--grey2);
}

.text-grey1 {
  color: var(--grey1);
}

.text-white {
  color: var(--white);
}

.text-sunshade {
  color: var(--sunshade);
}

.text-torchred {
  color: var(--torchred);
}

.text-springgreen {
  color: var(--springgreen);
}

.text-busyellow {
  color: var(--busyellow);
}

.texbrightturquoise-white {
  color: var(--brightturquoise);
}

.text-helioblue {
  color: var(--helioblue);
}

.fill-electricblue {
  fill: var(--electricblue);
}

.fill-deepblue {
  fill: var(--deepblue);
}

.fill-aquablue {
  fill: var(--aquablue);
}

.fill-offwhite {
  fill: var(--offwhite);
}

.fill-bunkerblack {
  fill: var(--bunkerblack);
}

.fill-mineshaftblack {
  fill: var(--mineshaftblack);
}

.fill-paleskygrey {
  fill: var(--paleskygrey);
}

.fill-bombaygrey {
  fill: var(--bombaygrey);
}

.fill-mischkagrey {
  fill: var(--mischkagrey);
}

.fill-grey4 {
  fill: var(--grey4);
}

.fill-grey3 {
  fill: var(--grey3);
}

.fill-grey2 {
  fill: var(--grey2);
}

.fill-grey1 {
  fill: var(--grey1);
}

.fill-white {
  fill: var(--white);
}

.fill-sunshade {
  fill: var(--sunshade);
}

.fill-torchred {
  fill: var(--torchred);
}

.fill-springgreen {
  fill: var(--springgreen);
}

.fill-busyellow {
  fill: var(--busyellow);
}

.filbrightturquoise-white {
  fill: var(--brightturquoise);
}

.fill-helioblue {
  fill: var(--helioblue);
}

.stroke-electricblue {
  stroke: var(--electricblue);
}

.stroke-deepblue {
  stroke: var(--deepblue);
}

.stroke-aquablue {
  stroke: var(--aquablue);
}

.stroke-offwhite {
  stroke: var(--offwhite);
}

.stroke-bunkerblack {
  stroke: var(--bunkerblack);
}

.stroke-mineshaftblack {
  stroke: var(--mineshaftblack);
}

.stroke-paleskygrey {
  stroke: var(--paleskygrey);
}

.stroke-bombaygrey {
  stroke: var(--bombaygrey);
}

.stroke-mischkagrey {
  stroke: var(--mischkagrey);
}

.stroke-grey4 {
  stroke: var(--grey4);
}

.stroke-grey3 {
  stroke: var(--grey3);
}

.stroke-grey2 {
  stroke: var(--grey2);
}

.stroke-grey1 {
  stroke: var(--grey1);
}

.stroke-white {
  stroke: var(--white);
}

.stroke-sunshade {
  stroke: var(--sunshade);
}

.stroke-torchred {
  stroke: var(--torchred);
}

.stroke-springgreen {
  stroke: var(--springgreen);
}

.stroke-busyellow {
  stroke: var(--busyellow);
}

.strbrightturquoise-white {
  stroke: var(--brightturquoise);
}

.stroke-helioblue {
  stroke: var(--helioblue);
}

.bg-gradient-darkblue {
  position: relative;
  background-color: var(--electricblue);
}
.bg-gradient-darkblue::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to bottom in oklab, rgb(9, 0, 128) 0%, 43%, rgba(0, 0, 0, 0.2) 100%);
  mix-blend-mode: multiply;
}

.text-light {
  font-family: "Manrope", sans-serif;
  font-weight: 300;
}

.text-regular {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
}

.text-medium {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}

.text-semibold {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
}

.text-bold {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
}

.btn, .hbspt-form input[type=submit] {
  border-radius: 7px;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  color: var(--mineshaftblack);
  border: 1px solid var(--mineshaftblack);
  padding: 1.15em 2em;
  line-height: 1;
  transition: 0.15s ease-in-out;
  cursor: pointer;
  display: inline-block;
}
.btn.large, .hbspt-form input[type=submit].large {
  border-width: 2px;
  font-size: var(--md);
}
.btn.hasicon, .hbspt-form input[type=submit].hasicon {
  padding-left: 1.2rem;
  display: inline-flex;
}
.btn.hasicon div, .hbspt-form input[type=submit].hasicon div {
  width: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 1.2rem;
  margin-right: 1.2rem;
  border-right: 1px solid white;
}
.btn.bg-offwhite.hasicon div, .hbspt-form input[type=submit].bg-offwhite.hasicon div {
  border-color: var(--electricblue);
}
.btn.bg-offwhite.hasicon div svg, .hbspt-form input[type=submit].bg-offwhite.hasicon div svg {
  fill: var(--electricblue);
}
.btn.bg-offwhite.hasicon div:hover, .hbspt-form input[type=submit].bg-offwhite.hasicon div:hover {
  border-color: var(--aquablue);
}
.btn.bg-offwhite.border-mineshaftblack:hover, .hbspt-form input[type=submit].bg-offwhite.border-mineshaftblack:hover {
  color: var(--offwhite);
  background-color: var(--mineshaftblack);
  box-shadow: 0 1px 2px rgba(47, 47, 47, 0.1), 0 3px 6px rgba(47, 47, 47, 0.15), 0 9px 36px rgba(47, 47, 47, 0.3);
}
.btn.bg-electricblue, .btn.hs-button, .hbspt-form input[type=submit].bg-electricblue, .hbspt-form input[type=submit].hs-button {
  color: var(--offwhite);
  background-color: var(--electricblue);
  border-color: var(--electricblue);
}
.btn.bg-electricblue.hasicon div, .btn.hs-button.hasicon div, .hbspt-form input[type=submit].bg-electricblue.hasicon div, .hbspt-form input[type=submit].hs-button.hasicon div {
  border-color: var(--aquablue);
}
.btn.bg-electricblue.hasicon div svg, .btn.hs-button.hasicon div svg, .hbspt-form input[type=submit].bg-electricblue.hasicon div svg, .hbspt-form input[type=submit].hs-button.hasicon div svg {
  fill: var(--offwhite);
}
.btn.bg-electricblue:hover, .btn.hs-button:hover, .hbspt-form input[type=submit].bg-electricblue:hover, .hbspt-form input[type=submit].hs-button:hover {
  border-color: #0061ff;
  box-shadow: 0 1px 2px rgba(0, 97, 255, 0.1), 0 3px 6px rgba(0, 97, 255, 0.15), 0 9px 36px rgba(0, 97, 255, 0.3);
}
.btn.bg-deepblue, .hbspt-form input[type=submit].bg-deepblue {
  color: var(--offwhite);
  background-color: var(--deepblue);
  border-color: var(--deepblue);
}
.btn.bg-deepblue.hasicon div, .hbspt-form input[type=submit].bg-deepblue.hasicon div {
  border-color: var(--aquablue);
}
.btn.bg-bunkerblack, .hbspt-form input[type=submit].bg-bunkerblack {
  color: var(--offwhite);
  background-color: var(--bunkerblack);
  border-color: var(--bunkerblack);
}
.btn.bg-bunkerblack.hasicon div, .hbspt-form input[type=submit].bg-bunkerblack.hasicon div {
  border-color: var(--electricblue);
}
.btn.text-white, .btn.text-offwhite, .hbspt-form input[type=submit].text-white, .hbspt-form input[type=submit].text-offwhite {
  border-color: var(--offwhite);
  color: var(--offwhite);
}
.btn.text-electricblue, .hbspt-form input[type=submit].text-electricblue {
  color: var(--electricblue);
}
.btn.border-deepblue, .hbspt-form input[type=submit].border-deepblue {
  border-color: var(--deepblue);
}
.btn.border-grey, .hbspt-form input[type=submit].border-grey {
  border-color: var(--grey3);
}
.btn.border-grey.text-electricblue:hover, .hbspt-form input[type=submit].border-grey.text-electricblue:hover {
  border-color: var(--electriblue);
}
.btn.border-bunkerblack, .hbspt-form input[type=submit].border-bunkerblack {
  border-color: var(--bunkerblack);
}
.btn.border-offwhite, .hbspt-form input[type=submit].border-offwhite {
  border-color: var(--offwhite);
}
.btn.border-offwhite.text-offwhite:hover, .hbspt-form input[type=submit].border-offwhite.text-offwhite:hover {
  color: var(--bunkerblack);
  background-color: var(--offwhite);
}
.btn.border-aquablue, .hbspt-form input[type=submit].border-aquablue {
  border-color: var(--aquablue);
}
.btn.hover-border-offwhite:hover, .hbspt-form input[type=submit].hover-border-offwhite:hover {
  border-color: var(--offwhite);
}
.btn.hover-border-electricblue:hover, .hbspt-form input[type=submit].hover-border-electricblue:hover {
  border-color: var(--electricblue);
  color: var(--electricblue);
  box-shadow: 0 1px 2px rgba(0, 97, 255, 0.1), 0 3px 6px rgba(0, 97, 255, 0.15), 0 9px 36px rgba(0, 97, 255, 0.3);
}
.btn.hover-bg-aquablue:hover, .hbspt-form input[type=submit].hover-bg-aquablue:hover {
  border-color: var(--aquablue);
}
.btn.shadow-mineshaftblack:hover, .hbspt-form input[type=submit].shadow-mineshaftblack:hover {
  box-shadow: 0 1px 2px rgba(47, 47, 47, 0.1), 0 3px 6px rgba(47, 47, 47, 0.15), 0 9px 36px rgba(47, 47, 47, 0.3);
}
.btn.arrow-right-deepblue, .hbspt-form input[type=submit].arrow-right-deepblue {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn.arrow-right-deepblue::after, .hbspt-form input[type=submit].arrow-right-deepblue::after {
  display: block;
  content: "";
  height: 8px;
  width: 4px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="8" viewBox="0 0 4 8"><path d="M440.219,16.269h0a.75.75,0,0,1-.169.482L437.207,20.1a.519.519,0,0,1-.818,0,.768.768,0,0,1,0-.963l2.433-2.865-2.388-2.809a.77.77,0,0,1,0-.964.519.519,0,0,1,.818,0l2.8,3.291a.746.746,0,0,1,.17.482" transform="translate(-436.219 -12.297)" fill="%23181984"/></svg>');
  background-repeat: no-repeat;
}
.btn.arrow-right-electricblue, .hbspt-form input[type=submit].arrow-right-electricblue {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn.arrow-right-electricblue::after, .hbspt-form input[type=submit].arrow-right-electricblue::after {
  display: block;
  content: "";
  height: 8px;
  width: 4px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="8" viewBox="0 0 4 8"><path d="M440.219,16.269h0a.75.75,0,0,1-.169.482L437.207,20.1a.519.519,0,0,1-.818,0,.768.768,0,0,1,0-.963l2.433-2.865-2.388-2.809a.77.77,0,0,1,0-.964.519.519,0,0,1,.818,0l2.8,3.291a.746.746,0,0,1,.17.482" transform="translate(-436.219 -12.297)" fill="%230061ff"/></svg>');
  background-repeat: no-repeat;
}

.link {
  font-size: 1.4rem;
  font-weight: var(--semibold);
  position: relative;
}
.link::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--mineshaftblack);
  transform: translateY(4px);
  opacity: 0;
  transition: 0.15s ease-in-out;
}
.link.text-electricblue::before {
  background-color: var(--electricblue);
}
.link.text-deepblue::before {
  background-color: var(--deepblue);
}
.link.text-white::before {
  background-color: var(--white);
}
.link.text-offwhite::before {
  background-color: var(--offwhite);
}
.link.text-bunkerblack::before {
  background-color: var(--bunkerblack);
}
.link svg {
  margin-left: 5px;
}
.link:hover::before {
  opacity: 1;
  transform: translateY(0);
}

body .pagetop-pt-none {
  padding-top: 0;
}

body .pagetop-pt-xs {
  padding-top: 5rem;
}
@media (min-width: 641px) {
  body .pagetop-pt-xs {
    padding-top: 10rem;
  }
}

body .pagetop-pt-sm {
  padding-top: 10rem;
}
@media (min-width: 641px) {
  body .pagetop-pt-sm {
    padding-top: 15rem;
  }
}

body .pagetop-pt-md {
  padding-top: 15rem;
}
@media (min-width: 641px) {
  body .pagetop-pt-md {
    padding-top: 20rem;
  }
}

body .pagetop-pt-lg {
  padding-top: 20rem;
}
@media (min-width: 641px) {
  body .pagetop-pt-lg {
    padding-top: 25rem;
  }
}

body .pagetop-pt-xl {
  padding-top: 25rem;
}
@media (min-width: 641px) {
  body .pagetop-pt-xl {
    padding-top: 30rem;
  }
}