@layer base {
  .section {
    position: relative;
    width: 100%;
    background-color: var(--hds-color-surface-bg-subdued);
  }
  .section:has(.section-container) {
    padding-inline: var(--hds-space-layout-page-margin);
  }
  .section-container {
    --section-container-margin-inline-bleed: calc(
      -1 *
        var(
          --section-container-padding-inline,
          var(--hds-space-layout-content-margin)
        )
    );
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--hds-canary-layout-content-maxWidth-borders);
    margin-inline: auto;
    padding-block-start: var(
      --section-container-pbs,
      var(--hds-space-core-700)
    );
    padding-block-end: var(--section-container-pbe, var(--hds-space-core-700));
    border-block-end: var(--section-container-border-block-end, none);
    padding-inline: var(
      --section-container-padding-inline,
      var(--hds-space-layout-content-margin)
    );
    border-inline: none;
  }
  @media (min-width: 640px) {
    .section-container {
      border-inline: var(
        --section-container-border-inline,
        1px solid var(--hds-color-surface-border-quiet)
      );
      padding-block-start: var(
        --section-container-pbs-tb,
        var(--section-container-pbs, var(--hds-space-core-800))
      );
      padding-block-end: var(
        --section-container-pbe-tb,
        var(--section-container-pbe, var(--hds-space-core-800))
      );
    }
  }
  @media (min-width: 940px) {
    .section-container {
      padding-block-start: var(
        --section-container-pbs-dt,
        var(--section-container-pbs, var(--hds-space-core-1200))
      );
      padding-block-end: var(
        --section-container-pbe-dt,
        var(--section-container-pbe, var(--hds-space-core-1200))
      );
    }
  }
  .section-background {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
  }
  .section-background--border-top {
    border-top: 1px solid var(--hds-color-surface-border-quiet);
  }
  .section-background--border-bottom {
    border-bottom: 1px solid var(--hds-color-surface-border-quiet);
  }
  .section-row {
    display: flex;
    flex-direction: column;
  }
  .section-row-gap {
    --section-row-gap-mb: initial;
    --section-row-gap-tb: initial;
    --section-row-gap-dt: initial;
    gap: var(--section-row-gap-mb);
  }
  .section-row-align {
    --section-row-align-mb: initial;
    --section-row-align-tb: initial;
    --section-row-align-dt: initial;
    align-items: var(--section-row-align-mb, stretch);
  }
  .section-title {
    text-wrap: pretty;
  }
  .section-title--stacked {
    display: flex;
    flex-direction: column;
  }
  .section-title--stacked .hds-heading {
    text-wrap: pretty;
  }
  .section-title--span-5 {
    max-width: 544px;
  }
  .section-title--span-6 {
    max-width: 648px;
  }
  .section-title--span-7 {
    max-width: 752px;
  }
  .section-title--span-8 {
    max-width: 856px;
  }
  @media (min-width: 640px) {
    .section-title {
      padding-inline-end: var(--hds-space-core-500);
    }
  }
  .section-title-padding-inline-end {
    padding-inline-end: var(--section-title-padding-inline-end-mb, 0);
  }
  @media (min-width: 640px) {
    .section-title-padding-inline-end {
      padding-inline-end: var(
        --section-title-padding-inline-end-tb,
        var(--section-title-padding-inline-end-mb, var(--hds-space-core-500))
      );
    }
  }
  @media (min-width: 940px) {
    .section-title-padding-inline-end {
      padding-inline-end: var(
        --section-title-padding-inline-end-dt,
        var(
          --section-title-padding-inline-end-tb,
          var(--section-title-padding-inline-end-mb, var(--hds-space-core-500))
        )
      );
    }
  }
  .section-header {
    display: flex;
    flex-direction: column;
    gap: var(--hds-space-core-100);
  }
  .section-header__primary {
    display: contents;
  }
  .section-header__title {
    order: 1;
    text-wrap: pretty;
    max-width: 504px;
  }
  .section-header__description {
    order: 2;
    text-wrap: pretty;
    max-width: 608px;
  }
  .section-header__actions {
    order: 3;
    align-items: flex-start;
    margin-top: var(--hds-space-core-200);
  }
  @media (min-width: 940px) {
    .section-header {
      display: grid;
      grid-template-columns: repeat(
        var(--hds-space-layout-columns),
        minmax(0, 1fr)
      );
      column-gap: var(--hds-space-layout-gap);
    }
    .section-header__primary {
      display: flex;
      flex-direction: column;
      gap: var(--hds-space-core-300);
      grid-column: span 5;
    }
    .section-header__actions,
    .section-header__title {
      order: unset;
    }
    .section-header__actions {
      margin-top: 0;
    }
    .section-header__description {
      grid-column: 8/-1;
      align-self: start;
      order: unset;
      padding-block-start: 5.5px;
    }
  }
  .section-header-divider {
    height: 1px;
    border-top: 1px solid var(--hds-color-surface-border-quiet);
    margin-inline: calc(
      -1 *
        var(
          --section-container-padding-inline,
          var(--hds-space-layout-content-margin)
        )
    );
  }
  @media (min-width: 640px) {
    .section-row-gap {
      gap: var(--section-row-gap-tb, var(--section-row-gap-mb));
    }
    .section-row-align {
      align-items: var(
        --section-row-align-tb,
        var(--section-row-align-mb, stretch)
      );
    }
  }
  @media (min-width: 940px) {
    .section-row-gap {
      gap: var(
        --section-row-gap-dt,
        var(--section-row-gap-tb, var(--section-row-gap-mb))
      );
    }
    .section-row-align {
      align-items: var(
        --section-row-align-dt,
        var(--section-row-align-tb, var(--section-row-align-mb, stretch))
      );
    }
  }
}
@layer app {
  .hds-mode--dark.section,
  .hds-mode--light.section--white {
    background-color: var(--hds-color-surface-bg-quiet);
  }
  :root {
    --navigation-height: 76px;
    --navigation-border-radius: 0;
    --navigation-easing: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    --navigation-duration: 240ms;
    --navigation-duration-slow: 300ms;
    --navigation-hamburger-duration: 0.25s;
    --navigation-padding-outer: var(--hds-space-core-100);
    --navigation-inline-start: calc(
      var(--navigation-padding-outer) + var(--hds-space-core-100)
    );
    --navigation-inline-end: calc(
      var(--navigation-padding-outer) + var(--hds-space-core-50)
    );
  }
}
@layer app {
  @media (min-width: 640px) and (max-width: 939px) {
    :root {
      --navigation-padding-outer: calc(var(--hds-space-layout-page-margin));
      --navigation-inline-start: calc(
        var(--navigation-padding-outer) + var(--hds-space-core-200)
      );
      --navigation-inline-end: calc(
        var(--navigation-padding-outer) + var(--hds-space-core-100)
      );
    }
  }
  @media (min-width: 940px) {
    :root {
      --navigation-inline-start: var(--hds-space-layout-content-margin);
      --navigation-inline-end: var(--hds-space-layout-content-margin);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    :root {
      --navigation-duration: 0s;
      --navigation-duration-slow: 0s;
      --navigation-hamburger-duration: 0s;
    }
  }
  .navigation-menu-home-link {
    transition: opacity var(--navigation-duration) var(--navigation-easing);
  }
  .navigation-menu-home-link path {
    transition: fill 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  }
  @media (hover: hover) {
    .navigation-menu-home-link:hover {
      opacity: 0.6;
    }
  }
  .navigation-menu-home-link:active {
    opacity: 0.6;
  }
  .navigation {
    --section-container-border-inline: none;
    --section-container-padding-inline: 0;
    --section-container-pbs: 0;
    --section-container-pbe: 0;
    overflow: visible;
    z-index: 2;
  }
  .navigation.section--white {
    background-color: transparent;
  }
  @media (max-width: 939px) {
    .navigation.section.hds-mode--dark {
      background-color: transparent;
    }
  }
  .navigation {
    padding: 0;
  }
  @keyframes detect-scroll {
    0%,
    to {
      --can-scroll: ;
    }
  }
  .navigation-menu {
    overflow: scroll;
    scrollbar-width: none;
    animation: detect-scroll linear;
    animation-timeline: scroll(inline self);
    --first-child-visibility-if-can-scroll: var(--can-scroll) visible;
    --last-child-visibility-if-can-scroll: var(--can-scroll) hidden;
    --visibility-if-cannot-scroll: visible;
    --overflow-if-can-scroll: var(--can-scroll) hidden;
    --overflow-if-cannot-scroll: scroll;
    overflow: var(--overflow-if-can-scroll, var(--overflow-if-cannot-scroll));
    padding-inline: var(--navigation-inline-start) var(--navigation-inline-end);
    padding-block: 10px;
  }
  :is(.navigation-menu .navigation-buttons) > :first-child {
    visibility: var(
      --first-child-visibility-if-can-scroll,
      var(--visibility-if-cannot-scroll)
    );
  }
  :is(.navigation-menu .navigation-buttons) > :last-child {
    visibility: var(
      --last-child-visibility-if-can-scroll,
      var(--visibility-if-cannot-scroll)
    );
  }
  html:has(.hds-navigation-menu__overlay) {
    overflow: hidden;
    height: 100%;
    overscroll-behavior: none;
    padding-right: var(--scrollbarWidth);
  }
  html:has(.hds-navigation-menu__overlay) body {
    overflow: hidden;
    height: 100%;
  }
  .hds-navigation-menu__overlay {
    inset: 0;
    top: var(--navigation-height);
  }
  .hds-navigation-menu__overlay[data-value="pricing-navigation-item"] {
    display: none;
  }
  .hero-section-container {
    overflow: visible;
  }
  .navigation__content {
    height: 100%;
    --navigation-content-padding: var(--hds-space-core-300);
    padding: var(--navigation-content-padding);
  }
  .navigation__content .hds-heading--xxs {
    display: block;
  }
  .navigation__content .hds-heading {
    font-weight: var(--hds-font-weight-normal);
  }
  .navigation__content .hds-link {
    display: inline-flex;
    gap: var(--hds-space-core-50);
    width: 100%;
  }
  :is(.navigation__content .hds-link):hover .hds-text {
    color: var(--hds-color-text-solid);
  }
  .navigation__links {
    display: flex;
    flex-direction: column;
    gap: var(--hds-space-core-150);
    margin: var(--hds-space-core-300) 0 0 0;
    font-size: var(--hds-font-text-sm-size);
  }
  .navigation__links .hds-text {
    color: var(--hds-color-text-soft);
    text-wrap: balance;
  }
  .navigation__chevron-down-icon__left,
  .navigation__chevron-down-icon__right {
    transition: transform var(--navigation-hamburger-duration)
      cubic-bezier(0.6, 0, 0.2, 0.5);
  }
  .navigation__chevron-down-icon__left {
    transform-origin: 44% 53%;
  }
  .navigation__chevron-down-icon__right {
    transform-origin: 64% 53%;
  }
  .hds-navigation-menu__trigger[aria-expanded="true"]
    .navigation__chevron-down-icon__left {
    transform: rotate(-90deg);
  }
  .hds-navigation-menu__trigger[aria-expanded="true"]
    .navigation__chevron-down-icon__right {
    transform: rotate(90deg);
  }
  .navigation-buttons {
    display: none;
  }
  .navigation-cta-button {
    font-size: 0.875rem;
    padding-top: 11.5px;
    padding-bottom: 14.5px;
    padding-left: var(--hds-space-core-250);
    padding-right: var(--hds-space-core-250);
  }
  @media (min-resolution: 2x) {
    .navigation-cta-button {
      padding-top: 12.5px;
      padding-bottom: 13.5px;
    }
  }
  .navigation-menu-footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--hds-space-core-100);
    padding: var(--hds-space-core-200);
    background:
      radial-gradient(
        66.35% 66.35% at 50% 50%,
        hsla(0, 0%, 100%, 0.9) 0,
        hsla(0, 0%, 100%, 0) 100%
      ),
      hsla(0, 0%, 100%, 0.8);
    position: absolute;
    inset-inline: 0;
    bottom: 0;
  }
  .navigation-menu-header {
    opacity: 0;
    transition: opacity var(--navigation-hamburger-duration) ease-in;
    pointer-events: none;
  }
  .hds-navigation-menu__viewport:has(
      .hds-navigation-menu__content ~ .hds-navigation-menu__content
    )
    .navigation-menu-header {
    opacity: 1;
    pointer-events: auto;
  }
  .navigation-menu-header {
    background-color: var(--hds-color-surface-bg-quiet);
    position: absolute;
    inset-inline-start: 0;
    top: -52px;
  }
  .navigation-item__sign-in__mask {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    font-size: inherit;
    transition: opacity var(--navigation-duration) var(--navigation-easing)
      var(--navigation-menu-transition-delay, 0s);
  }
  @media (max-resolution: 1x) {
    .navigation-item__sign-in__mask text {
      transform: translateX(-0.5px) translateY(-1px);
    }
  }
  .navigation-button-measure {
    display: inline-block;
    opacity: 1;
    transition: opacity var(--navigation-duration) var(--navigation-easing)
      var(--navigation-menu-transition-delay, 0s);
  }
  .navigation-item__sign-in {
    position: relative;
    overflow: hidden;
    transition-property: color, background-color, border-color;
    transition-duration: var(--navigation-duration);
    transition-timing-function: var(--navigation-easing);
    transition-delay: var(--navigation-menu-transition-delay, 0s);
    padding-top: 10.5px;
    padding-bottom: 13.5px;
  }
  .navigation-item__sign-in,
  .navigation-item__sign-in:hover {
    background-color: var(--hds-color-core-neutral-0);
  }
  :where(.hds-mode--light) .navigation-item__sign-in:after {
    content: " ";
    position: absolute;
    inset: -1px;
    box-shadow: inset 0 0 0 2px var(--hds-color-core-neutral-0);
    border-radius: var(--hds-space-button-radius-lg);
  }
  @media (min-resolution: 2x) {
    .navigation-item__sign-in {
      padding-top: 11.5px;
      padding-bottom: 12.5px;
    }
  }
  @supports (overflow: clip) {
    .navigation-item__sign-in {
      overflow: clip;
    }
  }
  .navigation-menu[data-open="true"] .navigation-item__sign-in {
    color: var(--hds-color-action-text-solid);
  }
  .navigation-menu:not(:hover):not(.hds-navigation-menu--open)
    .navigation-item__sign-in {
    background-color: transparent;
  }
  :is(
    :where(.hds-mode--light)
      :is(
        .navigation-menu:not(:hover):not(.hds-navigation-menu--open)
          .navigation-item__sign-in
      )
  ):not(:hover) {
    border: 1px solid var(--hds-color-core-neutral-0);
    overflow: visible;
  }
  :is(
      :where(.hds-mode--light)
        :is(
          .navigation-menu:not(:hover):not(.hds-navigation-menu--open)
            .navigation-item__sign-in
        )
    )
    .navigation-button-measure {
    opacity: 0;
  }
  :is(
      :where(.hds-mode--light)
        :is(
          .navigation-menu:not(:hover):not(.hds-navigation-menu--open)
            .navigation-item__sign-in
        )
    )
    .navigation-item__sign-in__mask {
    opacity: 1;
  }
  .navigation-hamburger-button {
    position: relative;
    border-radius: var(--hds-space-core-radius-md);
    padding: 0;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    overflow: hidden;
  }
  @supports (overflow: clip) {
    .navigation-hamburger-button {
      overflow: clip;
    }
  }
  .navigation-hamburger-button rect {
    transform-origin: center;
    transition:
      transform var(--navigation-hamburger-duration) ease-in-out,
      opacity var(--navigation-hamburger-duration) ease-in-out;
  }
  .navigation-hamburger-button .navigation-hamburger__opacity {
    opacity: 0.1;
    fill: var(--hds-color-text-solid);
  }
  .navigation-hamburger-button[aria-expanded="true"]
    .navigation-hamburger__opacity {
    opacity: 1;
    fill: var(--hds-color-action-icon-onQuiet);
  }
  .navigation-item__contact-sales-mobile {
    margin-left: auto;
  }
  @media (prefers-reduced-motion: no-preference) {
    .navigation-item__contact-sales-mobile {
      transition:
        opacity var(--navigation-hamburger-duration) ease-in-out,
        color 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    }
  }
  .navigation-item__contact-sales-mobile:has(
    ~ .navigation-hamburger-button[aria-expanded="true"]
  ) {
    opacity: 0;
  }
  .navigation-hamburger__line {
    fill: var(--hds-color-action-icon-onQuiet);
    transition:
      transform var(--navigation-hamburger-duration) ease-in-out,
      opacity var(--navigation-hamburger-duration) ease-in-out
        var(--navigation-hamburger-duration);
  }
  [aria-expanded="true"] .navigation-hamburger__line {
    transition:
      transform var(--navigation-hamburger-duration) ease-in-out,
      opacity var(--navigation-hamburger-duration) ease-in-out 0s;
  }
  .navigation-hamburger-button[aria-expanded="true"] .line-1,
  .navigation-hamburger-button[aria-expanded="true"] .line-4 {
    opacity: 0;
  }
  .navigation-hamburger-button[aria-expanded="true"] .line-2 {
    transform: rotate(45deg);
  }
  .navigation-hamburger-button[aria-expanded="true"] .line-3 {
    transform: rotate(-45deg);
  }
  .navigation:has(.navigation-hamburger-button[aria-expanded="true"]) {
    padding-inline: 0;
  }
  .navigation-back-button .navigation__chevron-left-icon {
    margin-top: 3px;
  }
  .hds-navigation-menu__list--vertical {
    padding-block: var(--hds-space-core-150);
    padding-inline: var(--hds-space-core-200);
  }
  @keyframes navigation-menu-delay-reset {
    0%,
    to {
      --navigation-menu-transition-delay: 0s;
    }
  }
  @media (min-width: 940px) {
    .hds-navigation-menu:hover ~ .navigation-menu__background {
      opacity: 1;
    }
  }
  .hds-navigation-menu:not(.hds-navigation-menu--open):hover
    .navigation-buttons {
    --navigation-menu-transition-delay: 0.1s;
    animation: navigation-menu-delay-reset 0s linear 0.1s forwards;
  }
  @media (min-width: 940px) {
    .hds-navigation-menu:not(.hds-navigation-menu--open):hover
      ~ .navigation-menu__background {
      transition-delay: 0.1s;
    }
    .hds-navigation-menu--open ~ .navigation-menu__background {
      opacity: 1;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  .navigation-menu__background {
    position: absolute;
    inset: 0;
    background-color: var(--hds-color-core-neutral-0);
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--navigation-duration-slow) var(--navigation-easing);
    z-index: -1;
  }
  @media (min-width: 940px) {
    .navigation-menu__background {
      inset: var(--hds-space-core-75)
        calc(var(--hds-space-layout-page-margin) + 2px);
      box-shadow:
        0 30px 60px -50px #0000001a,
        0 30px 60px -10px #32325d40;
      border-radius: var(--navigation-border-radius);
      transition: opacity var(--navigation-duration) var(--navigation-easing);
    }
  }
  .navigation-menu__background--mobile-visible {
    opacity: 1;
  }
  @media (prefers-reduced-motion: no-preference) {
    .hds-navigation-menu__popup {
      transition-duration: 0.2s, 0.2s, 0.3s, 0.3s, 0.3s, 0.3s;
      transition-property: clip-path, max-height, opacity, transform, height;
      transition-timing-function: var(--navigation-easing);
      height: var(--hds-navigation-menu-popup-height, "auto");
    }
  }
  .hds-navigation-menu__content {
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .hds-navigation-menu__content[data-status="close"],
  .hds-navigation-menu__content[data-status="open"] {
    transition-duration: 0.25s, 0.5s;
  }
  @media (prefers-reduced-motion: no-preference) {
    [data-activation-direction="following"]
      .hds-navigation-menu__content[data-status="close"],
    [data-activation-direction="preceding"]
      .hds-navigation-menu__content[data-status="initial"] {
      transform: translateX(-20%);
      opacity: 0;
    }
    [data-activation-direction="following"]
      .hds-navigation-menu__content[data-status="initial"],
    [data-activation-direction="preceding"]
      .hds-navigation-menu__content[data-status="close"] {
      transform: translateX(20%);
      opacity: 0;
    }
  }
  :where([data-status="open"])
    .hds-navigation-menu__content[data-status="close"] {
    position: absolute;
    inset: 0;
  }
  .navigation__section--secondary {
    position: relative;
    background-color: var(--hds-color-surface-bg-subdued);
  }
  @media (max-width: 939px) {
    .navigation__layout:has(
      .navigation-menu .navigation-hamburger-button[aria-expanded="true"]
    ) {
      padding: 0;
    }
    .navigation-menu {
      padding-block-start: var(--hds-space-core-150);
      padding-block-end: 14px;
      box-shadow: none;
      position: relative;
      gap: var(--hds-space-core-200);
    }
    .navigation-menu:hover {
      background-color: transparent;
    }
    .navigation-menu__background-static--mobile {
      display: block;
      position: absolute;
      inset: var(--hds-space-core-100) var(--navigation-padding-outer) 10px
        var(--navigation-padding-outer);
      z-index: -1;
      background-color: var(--hds-color-surface-bg-quiet);
      box-shadow: var(--hds-shadow-md);
      border-radius: var(--hds-space-core-radius-md);
      transition: opacity var(--navigation-duration-slow)
        var(--navigation-easing);
      opacity: 1;
    }
    .navigation-menu__background-static--mobile.navigation-menu__background-static--mobile-hidden {
      opacity: 0;
    }
    @media (min-width: 640px) {
      .navigation-menu__background-static--mobile {
        bottom: 6px;
        top: 4px;
      }
    }
    .hds-navigation-menu__overlay {
      opacity: 0;
      background-color: var(--hds-color-surface-bg-quiet);
      top: calc(var(--navigation-height) - 10px);
      transition: opacity var(--navigation-duration-slow)
        var(--navigation-easing);
    }
    .hds-navigation-menu__overlay[data-status="open"] {
      opacity: 1;
      height: 100lvh;
    }
    .hds-navigation-menu__popup {
      height: var(--available-height);
      width: 100vw;
      overflow: visible;
      border-top: none;
      background-color: transparent;
      opacity: 0;
    }
    .hds-navigation-menu__popup[data-status="open"] {
      opacity: 1;
    }
    :is(
        .hds-navigation-menu__popup[data-status="initial"],
        .hds-navigation-menu__popup[data-status="close"]
      )
      .hds-navigation-menu__content {
      display: none;
    }
    .navigation-menu-list {
      display: flex;
    }
    .navigation__chevron-down-icon {
      margin-left: auto;
      color: var(--hds-color-action-text-solid);
      transform: rotate(-90deg);
    }
    .navigation-item {
      margin-top: 1px;
      border-bottom: 1px dashed #e5edf5;
    }
    .navigation-item > * {
      font-size: 1.125rem;
      padding-block: var(--hds-space-core-200);
      padding-inline: 0;
    }
    .navigation-menu-overflow {
      z-index: 1;
    }
    .navigation-menu-overflow[data-status="unmounted"] {
      display: none;
    }
    .hds-navigation-menu__content ~ .hds-navigation-menu__content {
      height: 100%;
      overflow: auto;
      overscroll-behavior: none;
      background-color: var(--hds-color-surface-bg-quiet);
      position: absolute;
      inset: 0;
    }
    [data-status="initial"]:is(
      .hds-navigation-menu__content ~ .hds-navigation-menu__content
    ) {
      transform: translateX(20%);
      opacity: 0;
    }
    [data-status="close"]:is(
      .hds-navigation-menu__content ~ .hds-navigation-menu__content
    ) {
      transform: translateX(80%);
      opacity: 0;
    }
    :is(.hds-navigation-menu__content ~ .hds-navigation-menu__content)
      .navigation__content:after {
      height: calc(
        var(--navigation-menu-footer-height) + var(--hds-space-core-400)
      );
      content: "";
      display: block;
    }
    .hds-navigation-menu__viewport {
      --navigation-menu-footer-height: 80px;
      grid-template-rows: 1fr 0;
      position: relative;
      contain: layout;
    }
    .hds-navigation-menu__positioner {
      position: fixed;
      top: var(--position-y);
      bottom: 0;
      transform: none;
      max-height: calc(100% - var(--position-y));
    }
  }
  @media (min-width: 640px) {
    .hds-navigation-menu__list--vertical {
      padding-inline: var(--hds-space-core-400);
    }
    .navigation__content {
      --navigation-content-padding: var(--hds-space-core-400);
    }
    .navigation-menu-header {
      inset-inline-start: var(--hds-space-core-100);
      top: -54px;
    }
  }
  @media (min-width: 940px) {
    :root {
      --navigation-border-radius: var(--hds-space-core-radius-md);
    }
    .navigation__layout {
      padding-block: var(--hds-space-core-75);
      padding-inline: calc(var(--hds-space-layout-page-margin) + 2px);
      max-width: calc(
        var(--hds-canary-layout-content-maxWidth-borders) +
          (var(--hds-space-layout-page-margin) * 2)
      );
    }
    .navigation-menu-content {
      display: block;
    }
    .hds-navigation-menu__popup {
      max-height: 0;
    }
    @supports selector(:has(*)) {
      .hds-navigation-menu__popup {
        max-height: none;
        clip-path: inset(
          0 -60px 100% -60px round 0 0 var(--navigation-border-radius)
            var(--navigation-border-radius)
        );
      }
    }
    .hds-navigation-menu__popup[data-status="open"] {
      max-height: 1000px;
    }
    @supports selector(:has(*)) {
      .hds-navigation-menu__popup[data-status="open"] {
        max-height: none;
        clip-path: inset(
          0 -60px -60px -60px round 0 0 var(--navigation-border-radius)
            var(--navigation-border-radius)
        );
      }
    }
    .hds-navigation-menu__popup[data-status="close"] {
      max-height: 0;
    }
    @supports selector(:has(*)) {
      .hds-navigation-menu__popup[data-status="close"] {
        max-height: none;
        clip-path: inset(
          0 -60px 100% -60px round 0 0 var(--navigation-border-radius)
            var(--navigation-border-radius)
        );
      }
    }
    .navigation-buttons {
      display: flex;
      column-gap: var(--hds-space-core-100);
      margin-left: auto;
      height: 44px;
    }
    .navigation-hamburger-button,
    .navigation-item__contact-sales-mobile,
    .navigation-menu-footer,
    .navigation-menu-header {
      display: none;
    }
    .hds-navigation-menu__overlay {
      opacity: 0;
      background: linear-gradient(transparent, rgba(236, 239, 241, 0.8));
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      transition: opacity var(--navigation-duration-slow)
        var(--navigation-easing);
    }
    .hds-navigation-menu__overlay[data-status="open"] {
      opacity: 1;
    }
    .navigation-item__sign-in--mobile {
      display: none;
    }
    .navigation-item:has(
        ~ .navigation-item .hds-button:not([aria-expanded]):hover
      )
      .hds-button[aria-expanded] {
      color: var(--hds-color-text-subdued);
    }
    .navigation__section--secondary:after {
      content: "";
      display: block;
      position: absolute;
      inset: 0 -1000px 0 0;
      box-shadow: 0 -1px 0 0 var(--hds-color-surface-border-quiet);
      background-color: var(--hds-color-surface-bg-subdued);
      z-index: -1;
    }
  }
}
.homepage__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--hds-space-core-radius-sm);
  border: 1px solid var(--hds-color-action-border-quiet);
}
.homepage__icon-svg {
  color: var(--hds-color-util-brand-600);
}
.locale-switcher__flag {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
}
.hds-group:has([aria-selected="true"]) .locale-switcher__flag {
  visibility: hidden;
}
@layer app {
  .hds-globalization-picker {
    --locale-switcher-max-width: var(--hds-space-layout-content-maxWidth);
    width: min(var(--available-width), var(--locale-switcher-max-width));
    margin-inline-start: calc(50vw - var(--scrollbarWidth, 0px) / 2);
    transform: translateX(-50%) translateY(var(--position-y));
  }
  @media (min-width: 600px) and (max-width: 1295px) {
    .hds-globalization-picker {
      --locale-switcher-max-width: calc(
        100% - 2 * var(--hds-space-layout-page-margin)
      );
    }
  }
  .locale-switcher__button {
    padding: 0;
    margin-inline-start: var(--hds-space-core-200);
    margin-block: var(--hds-space-core-200);
  }
  .locale-switcher__trigger-region:after {
    content: "\00a0";
  }
  .hds-listbox {
    padding: var(--hds-space-core-400);
  }
  @media (min-width: 400px) {
    .hds-listbox {
      column-count: 2;
    }
  }
  @media (min-width: 600px) {
    .hds-listbox {
      column-count: 3;
    }
  }
  @media (min-width: 1115px) {
    .hds-listbox {
      column-count: 4;
    }
  }
  .hds-listbox:before {
    top: 0;
    background: linear-gradient(
      to bottom,
      var(--hds-color-surface-bg-quiet),
      transparent
    );
    border-radius: var(--hds-space-core-radius-md)
      var(--hds-space-core-radius-md) 0 0;
  }
  .hds-listbox:after,
  .hds-listbox:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 24px;
    pointer-events: none;
    z-index: 1;
  }
  .hds-listbox:after {
    bottom: 0;
    background: linear-gradient(
      to top,
      var(--hds-color-surface-bg-quiet),
      transparent
    );
    border-radius: 0 0 var(--hds-space-core-radius-md)
      var(--hds-space-core-radius-md);
  }
  .hds-group {
    --flag-icon-size: 21px;
    padding-inline-start: calc(
      var(--flag-icon-size) + var(--hds-space-core-100)
    );
    column-gap: var(--hds-space-core-100);
    padding-block-end: var(--hds-space-core-150);
  }
  .hds-group__label {
    padding-block: 1px;
    padding-inline: 0;
  }
  .locale-switcher__region-label {
    color: var(--hds-color-text-solid);
  }
  .hds-group:has([aria-selected="true"]) .locale-switcher__region-label {
    font-weight: var(--hds-font-weight-bold);
  }
  :where(:lang(ja))
    :is(.hds-group:has([aria-selected="true"]) .locale-switcher__region-label) {
    font-weight: 600;
    font-variation-settings: "wght" 400;
  }
  .hds-listbox__item {
    padding: 0;
  }
  .hds-listbox__item:hover {
    background-color: transparent;
    color: var(--hds-color-text-solid);
  }
  :where(
    .hds-globalization-picker .hds-group:has(> [aria-selected="true"])
  ):after {
    content: unset;
    display: none;
  }
  .locale-switcher__check {
    position: absolute;
    left: 3px;
    top: 4px;
    line-height: 1;
  }
}
@layer base {
  .feature-detail__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--hds-space-core-200);
    text-wrap: var(--feature-detail-text-wrap, balance);
  }
  .feature-detail__image {
    position: relative;
    width: 100%;
    border-radius: var(--hds-space-core-radius-md);
    overflow: hidden;
  }
  .feature-detail__content,
  .feature-detail__footer {
    padding-inline-end: var(--hds-space-core-200);
  }
  .feature-detail__content--stacked {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--hds-space-core-50);
  }
}
.footer {
  --section-container-padding-inline: 0;
}
@media (max-width: 639px) {
  .footer {
    background-color: var(--hds-color-surface-bg-quiet);
  }
}
.footer__container {
  padding-block-start: 0;
  padding-block-end: 0;
}
.footer-links-section {
  display: grid;
  column-gap: var(--hds-space-layout-gap);
  grid-template-columns: repeat(
    var(--hds-space-layout-columns),
    minmax(0, 1fr)
  );
  align-items: flex-start;
  padding-inline: var(--hds-space-core-200);
  padding-block-start: var(--hds-space-core-800);
  border-block-end: var(--hds-canary-dashed-border);
}
.footer-links-section__content {
  grid-column: var(--hds-canary-grid-span-quarter);
  padding-block-end: var(--hds-space-core-800);
}
@media (min-width: 940px) {
  .footer-links-section {
    padding-block: 0;
  }
  .footer-links-section__content {
    height: 100%;
    padding-block: var(--hds-space-core-800);
  }
  .footer-links-section__content:not(:last-child) {
    border-inline-end: var(--hds-canary-dashed-border);
  }
}
.footer-links-block {
  display: flex;
  flex-direction: column;
  row-gap: var(--hds-space-core-50);
  padding-inline-end: var(--hds-space-core-300);
}
.footer-links-block__title {
  padding-block-end: var(--hds-space-core-100);
}
.footer-links-block__item {
  color: var(--hds-color-text-soft);
  font-weight: var(--hds-font-weight-normal);
  font-size: 1rem;
  line-height: 1.25;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: fit-content;
}
:where(:lang(ja)) .footer-links-block__item {
  font-weight: 300;
  font-variation-settings: "wght" 300;
}
a.footer-links-block__item:hover {
  color: var(--hds-color-text-solid);
}
.footer-newsletter {
  padding-inline: var(--hds-space-core-200);
  padding-block: var(--hds-space-core-400);
  display: flex;
  flex-direction: column;
  row-gap: var(--hds-space-core-150);
  border-block-end: var(--hds-canary-dashed-border);
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline-end: var(--hds-space-core-400);
  padding-block-start: var(--hds-space-core-300);
  padding-block-end: var(--hds-space-core-200);
}
.footer-bottom__copyright,
.footer-disclaimer {
  padding-inline: var(--hds-space-core-200);
}
.footer-disclaimer {
  padding-block: var(--hds-space-core-200);
  color: var(--hds-color-core-neutral-500);
  font-size: 0.75rem;
  font-weight: var(--hds-font-weight-normal);
}
@layer app {
  .footer-cta-section__grid {
    --section-container-border-block-end: var(--hds-canary-dashed-border);
    display: grid;
    column-gap: var(--hds-space-layout-gap);
    row-gap: var(--hds-space-core-700);
    grid-template-columns: repeat(
      var(--hds-space-layout-columns),
      minmax(0, 1fr)
    );
    align-items: center;
  }
  .footer-cta-section__content {
    grid-column: var(--hds-canary-grid-span-half);
    padding-right: var(--hds-space-core-200);
  }
  .footer-cta-section__content-text {
    display: flex;
    flex-direction: column;
    gap: var(--hds-space-core-200);
  }
  .footer-cta-section__title {
    max-width: 24ch;
    text-wrap: pretty;
  }
  .footer-cta-section__description {
    max-width: 42ch;
    text-wrap: pretty;
  }
  .footer-cta-section__feature-grid {
    display: grid;
    grid-column: var(--hds-canary-grid-span-half);
    grid-template-columns: subgrid;
    row-gap: var(--hds-space-core-500);
  }
  .footer-cta-section__feature-card {
    container-type: inline-size;
    grid-column: var(--hds-canary-grid-span-quarter);
  }
  @container (min-width: 300px) {
    .footer-cta-section__feature-card .footer-cta-section__feature-detail {
      --feature-detail-text-wrap: pretty;
    }
  }
}