.trackSearch_root__t_fFd {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  width: 100%;
}

.trackSearch_searchField__7ao1F {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
  background-color: var(--inc-form-control-background);
  padding-block: 0;
  padding-inline: 15px 0;
  border: var(--inc-base-border-width) solid
    var(--inc-form-control-border-active);
  border-radius: 100px;
  outline: var(--inc-base-outline-width) solid var(--inc-form-control-outline);
  transition:
    border-color 0.18s ease-in-out,
    background-color 0.18s ease-in-out,
    outline-color 0.18s ease-in-out;
}
.trackSearch_searchFieldRoot__t4L0t[data-focused] .trackSearch_searchField__7ao1F {
  outline-color: var(--inc-form-control-outline-active);
}
.trackSearch_searchFieldRoot__t4L0t[data-filled][data-valid]:not([data-disabled]) .trackSearch_searchField__7ao1F {
  border-color: var(--inc-form-control-foreground);
  background-color: var(--inc-form-control-background);
}

.trackSearch_searchFieldControl__Ez1hj:not([data-disabled]) {
  align-self: stretch;
  padding-block: 11.25px;
  background-color: transparent;
}
.trackSearch_searchFieldRoot__t4L0t[data-filled][data-valid]:not([data-disabled])
  .trackSearch_searchFieldControl__Ez1hj,
.trackSearch_searchFieldControl__Ez1hj[data-focused] {
  border-color: var(--inc-form-control-border);
  outline-color: var(--inc-form-control-outline);
}

.trackSearch_searchFieldIcon__JQUTG {
  overflow: visible;
  height: 1.5rem;
  width: auto;
  color: var(--inc-palette-grayscale-header);
}

.trackSearch_searchFieldSubmit__z0Slz {
  margin: 11.25px 11.25px 11.25px 0;
}

.trackSearch_searchFieldDescription__DciVc {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: first baseline;
  gap: 1ch;
}

.trackSearch_inputRow__9MeBM {
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
}

.trackSearch_message__cS_k4 {
  font-size: 14px;
  color: #6b6459;
}

.trackSearch_results__jEto2 {
  display: flex;
  flex-flow: column nowrap;
  gap: 0;
  width: 100%;
  border-radius: var(--inc-base-border-radius);
  overflow: hidden;
}

.trackSearch_card_pending__aE8_L,
.trackSearch_card__PG3rS {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
  padding: 12px 15px;
  background-color: var(--inc-palette-grayscale-background-weak);
  border-radius: var(--inc-base-border-radius);
  border: var(--inc-base-border-width) solid var(--inc-palette-grayscale-line);
  margin-bottom: var(--inc-base-border-width);
}
.trackSearch_card__PG3rS:last-of-type {
  margin-bottom: 0;
}

.trackSearch_card_pending__aE8_L {
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  background: var(--inc-palette-grayscale-input);
  animation: trackSearch_background-pulse__My44p 1s linear alternate-reverse infinite;
}

.trackSearch_card_info__NEUy2 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: first baseline;
  gap: 2px;
  min-width: 0;
}
.trackSearch_card_info_LH__ZKENg {
  flex: 1;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: first baseline;
  gap: 0.5ch;
}

.trackSearch_trackName__2N8hG {
  font-weight: 700;
}

.trackSearch_artists__UxLbH,
.trackSearch_duration__oud8G {
  font-size: 14px;
  color: var(--inc-form-control-label);
}

.trackSearch_audio__t2NOH {
  flex: 0 0 auto;
  max-width: 100%;
}

.trackSearch_waveformPlayer__j6xCn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.trackSearch_waveformPlayer_button__tQjwK {
  flex: 0 0 auto;
  padding: var(--inc-base-outline-width);
}

.trackSearch_waveformContainer__tvrK_ {
  flex: 1 1 auto;
  min-width: 0;
  height: 1rem; /* explicit height -- Peaks.init needs real layout to draw into */
}

.trackSearch_waveformContainer_loading__TIW1b {
  flex: 1;
  height: 1rem;
  background: var(--inc-form-control-background-active);
}
.trackSearch_waveformContainer_loading__TIW1b.trackSearch_animate__DmDws {
  animation: trackSearch_background-pulse__My44p 1s linear alternate-reverse infinite;
}

.trackSearch_waveformPlayer_skeleton__CrSqc {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.trackSearch_error___lIer {
  font-size: var(--inc-type-text-xs);
  color: var(--inc-form-control-foreground-error);
}

@keyframes trackSearch_background-pulse__My44p {
  from {
    background-color: var(--inc-form-control-background-active);
  }
  to {
    background-color: var(--inc-form-control-background);
  }
}

@layer ui {
  @keyframes spinner_rotate__FoG0q {
    from {
      transform: rotate(0turn);
    }
    to {
      transform: rotate(1turn);
    }
  }

  .spinner_root__jUv9N {
    width: 1rem;
    height: 1rem;
    border-radius: 9999px;
    color: currentColor;

    transform: rotate(0turn);
    transform-origin: center center;
    animation: spinner_rotate__FoG0q 1s linear infinite;
  }
}

/** 
  @layer ui-after {…} wins over @layer ui {…} wins over @layer ui-before {…}; 
  Styles written outside any @layer beats styles within any @layer.
*/
@layer ui-before, ui, ui-after;

/* The below custom properties are used with @container queries (and in combination with custom --inc-bp-[size-ident] breakpoint properties) to change attribute values relative to a container's inline-size. */
@property --inc-inline-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 100vi;
}

@property --inc-inline-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 100vi;
}

@property --inc-inline-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 100vi;
}

/* 
  When using `ui` components:
  Apply the `root` class to your application's layout root element.
*/
.root_root__FZ4cP {
  /*  
    Necessary for Base UI portaled components' popups to render on top of the entire page.
    https://base-ui.com/react/overview/quick-start#portals
  */
  isolation: isolate;
}

@layer ui {
  .root_root__FZ4cP {
    /* Root container, for @container queries using our breakpoint custom properties. */
    container: uiRoot / inline-size;

    /* Use 16px as base font-size, to help scoot around edge case Safari mobile bugs to do with small-text inputs. */
    font-size: 16px;

    /* COLORS */
    /* 
      Palette
      Color palette defined here, to be assigned semantic values in
      component CSS module files.

      (N.B. Incantio property namespace is defined by '--inc-' prefix.)
    */
    --inc-palette-black: oklch(0% 0 0);
    --inc-palette-white: oklch(100% 0.00011 271.152);

    --inc-palette-red: oklch(74.862% 0.15442 35.782);
    --inc-palette-yellow: oklch(77.533% 0.15387 87.008);
    --inc-palette-green: oklch(75.009% 0.12777 118.563);
    --inc-palette-blue: oklch(73.494% 0.08654 188.822);

    --inc-palette-brown: oklch(69.421% 0.06358 84.771);

    /* DLS tokens */
    /* Primary */
    --inc-palette-primary-default-strong: oklch(61.733% 0.17789 34.19);
    --inc-palette-primary-default: oklch(75.633% 0.14997 38.368);
    --inc-palette-primary-default-weak: oklch(84.406% 0.09491 49.83);
    --inc-palette-primary-background-strong: oklch(91.423% 0.0493 50.038);
    --inc-palette-primary-background: oklch(98.123% 0.01005 48.2);

    /* Secondary */
    --inc-palette-secondary-dark: oklch(59.658% 0.0915 279.584);
    --inc-palette-secondary-default: oklch(77.191% 0.06153 280.68);
    --inc-palette-secondary-default-weak: oklch(87.366% 0.06203 275.01);
    --inc-palette-secondary-background-strong: oklch(92.219% 0.02995 269.133);
    --inc-palette-secondary-background: oklch(96.806% 0.01515 273.84);

    /* Tertiary */
    --inc-palette-tertiary-dark: oklch(57.227% 0.05313 218.028);
    --inc-palette-tertiary-default: oklch(74.844% 0.09021 189.084);
    --inc-palette-tertiary-default-weak: oklch(82.532% 0.10559 188.524);
    --inc-palette-tertiary-background-strong: oklch(91.334% 0.0751 190.808);
    --inc-palette-tertiary-background: oklch(96.204% 0.02825 191.494);

    /* Error */
    --inc-palette-error-default-strong: oklch(47.261% 0.1843 30.961);
    --inc-palette-error-default: oklch(58.806% 0.2315 30.552);
    --inc-palette-error-default-weak: oklch(70.753% 0.18525 19.638);
    --inc-palette-error-background-strong: oklch(78.986% 0.12234 16.409);
    --inc-palette-error-background: oklch(96.913% 0.01511 17.018);

    /* Warning */
    --inc-palette-warning-default-strong: oklch(67.976% 0.13674 86.46);
    --inc-palette-warning-default: oklch(77.93% 0.15435 88.091);
    --inc-palette-warning-default-weak: oklch(87.839% 0.14145 87.837);
    --inc-palette-warning-background-strong: oklch(93.683% 0.0823 94.064);
    --inc-palette-warning-background: oklch(98.052% 0.02099 85.922);

    /* Success */
    --inc-palette-success-default-strong: oklch(58.313% 0.12531 114.609);
    --inc-palette-success-default: oklch(76.52% 0.1325 118.222);
    --inc-palette-success-default-weak: oklch(89.444% 0.12171 123.603);
    --inc-palette-success-background-strong: oklch(94.189% 0.08953 124.974);
    --inc-palette-success-background: oklch(96.974% 0.03606 118.98);

    /* Grayscale */
    --inc-palette-grayscale-background: oklch(92.863% 0.00857 84.5);
    --inc-palette-grayscale-background-weak: oklch(98.857% 0.0016 66.216);
    --inc-palette-grayscale-input: oklch(100% 0.00011 271.152);
    --inc-palette-grayscale-line: oklch(89.834% 0.01492 70.746);
    --inc-palette-grayscale-placeholder: oklch(78.154% 0.01966 83.03);
    --inc-palette-grayscale-label: oklch(59.009% 0.01046 62.307);
    --inc-palette-grayscale-body: oklch(46.518% 0.00879 80.644);
    --inc-palette-grayscale-header-weak: oklch(39.268% 0.00985 73.536);
    --inc-palette-grayscale-header: oklch(23.108% 0.00406 84.552);

    /* Form state tokens */
    /* Control (i.e. Input) */
    --inc-form-control-label: var(--inc-palette-grayscale-label);
    --inc-form-control-label-disabled: oklch(from var(--inc-palette-grayscale-label) calc(l + ((1 - l) / 2)) calc(c * 0.5) h);

    --inc-form-control-placeholder: var(--inc-palette-grayscale-placeholder);

    --inc-form-control-foreground: var(--inc-palette-grayscale-header);
    --inc-form-control-foreground-success: var(--inc-palette-success-default-strong);
    --inc-form-control-foreground-error: var(--inc-palette-error-default-strong);
    --inc-form-control-foreground-disabled: oklch(from var(--inc-palette-grayscale-header) calc(l * 1.5) calc(c * 0.5) h);

    --inc-form-control-background: var(--inc-palette-grayscale-input);
    --inc-form-control-background-active: var(--inc-palette-grayscale-background);
    --inc-form-control-background-disabled: oklch(from var(--inc-palette-grayscale-input) l calc(c * 0.5) h / 0.5);
    --inc-form-control-background-success: var(--inc-palette-success-background);
    --inc-form-control-background-error: var(--inc-palette-error-background);

    --inc-form-control-border: transparent;
    --inc-form-control-border-active: var(--inc-palette-grayscale-header);

    --inc-form-control-outline: transparent;
    --inc-form-control-outline-active: var(--inc-palette-primary-background-strong, oklch(91.423% 0.0493 50.038));

    /* OTP */
    --inc-form-otp-gap: 0.5rem;
    --inc-form-otp-padding-block: 1rem;
    --inc-form-otp-filled-incomplete-background: var(--inc-palette-secondary-background);
    --inc-form-otp-filled-complete-background: var(--inc-palette-success-background);

    /* Popup */
    --inc-form-popup-foreground: var(--inc-palette-grayscale-header);
    --inc-form-popup-background: var(--inc-palette-grayscale-background);
    --inc-form-popup-border: var(--inc-palette-grayscale-line);

    /* Radio */
    --inc-form-radio-indicator: transparent;
    --inc-form-radio-indicator-checked: var(--inc-palette-primary-default-strong);

    /* GLOBAL COLOR TOKENS */
    /* Theme */
    --inc-color-background: var(--inc-palette-grayscale-header);
    --inc-color-foreground: var(--inc-palette-grayscale-background);

    /* User type */
    --inc-color-userType-artist: var(--inc-palette-blue);
    --inc-color-userType-creator: var(--inc-palette-green);

    /* TYPOGRAPHY */
    /* If 16 = 2vi, then */
    /* 64 = 4, 56 = 3.5, 48 = 3, 36 = 2.25, 24 = 1.5, 18 = 1.125 */
    /* 20 = 1.25, 18 = 1.125, 15 = 0.9375, 13 = 0.8125 */
    /* Type: Display */
    --inc-type-display-xl--min: 32px;
    --inc-type-display-xl--max: 64px;
    --inc-type-display-xl: clamp(var(--inc-type-display-xl--min), 4vi, var(--inc-type-display-xl--max));

    --inc-type-display-lg--min: 28px;
    --inc-type-display-lg--max: 56px;
    --inc-type-display-lg: clamp(var(--inc-type-display-lg--min), 3.5vi, var(--inc-type-display-lg--max));

    --inc-type-display-md--min: 24px;
    --inc-type-display-md--max: 48px;
    --inc-type-display-md: clamp(var(--inc-type-display-md--min), 3vi, var(--inc-type-display-md--max));

    --inc-type-display-sm--min: 20px;
    --inc-type-display-sm--max: 36px;
    --inc-type-display-sm: clamp(var(--inc-type-display-sm--min), 2.25vi, var(--inc-type-display-sm--max));

    --inc-type-display-xs--min: 20px;
    --inc-type-display-xs--max: 24px;
    --inc-type-display-xs: clamp(var(--inc-type-display-xs--min), 1.5vi, var(--inc-type-display-xs--max));

    --inc-type-display-xxs--min: 18px;
    --inc-type-display-xxs--max: 18px;
    --inc-type-display-xxs: clamp(var(--inc-type-display-xxs--min), 1.125vi, var(--inc-type-display-xxs--max));

    /* Type: Text */
    --inc-type-text-lg--min: 20px;
    --inc-type-text-lg--max: 20px;
    --inc-type-text-lg: clamp(var(--inc-type-text-lg--min), 1.25vi, var(--inc-type-text-lg--max));

    --inc-type-text-md--min: 17px;
    --inc-type-text-md--max: 18px;
    --inc-type-text-md: clamp(var(--inc-type-text-md--min), 1.125vi, var(--inc-type-text-md--max));

    --inc-type-text-sm--min: 15px;
    --inc-type-text-sm--max: 15px;
    --inc-type-text-sm: clamp(var(--inc-type-text-sm--min), 0.9375vi, var(--inc-type-text-sm--max));

    --inc-type-text-xs--min: 13px;
    --inc-type-text-xs--max: 13px;
    --inc-type-text-xs: clamp(var(--inc-type-text-xs--min), 0.8125vi, var(--inc-type-text-xs--max));

    /* Type: Link */
    --inc-type-link-lg--min: 20px;
    --inc-type-link-lg--max: 20px;
    --inc-type-link-lg: clamp(var(--inc-type-link-lg--min), 1.25vi, var(--inc-type-link-lg--max));

    --inc-type-link-md--min: 17px;
    --inc-type-link-md--max: 18px;
    --inc-type-link-md: clamp(var(--inc-type-link-md--min), 1.125vi, var(--inc-type-link-md--max));

    --inc-type-link-sm--min: 15px;
    --inc-type-link-sm--max: 15px;
    --inc-type-link-sm: clamp(var(--inc-type-link-sm--min), 0.9375vi, var(--inc-type-link-sm--max));

    --inc-type-link-xs--min: 13px;
    --inc-type-link-xs--max: 13px;
    --inc-type-link-xs: clamp(var(--inc-type-link-xs--min), 0.8125vi, var(--inc-type-link-xs--max));

    /* BREAKPOINTS */
    --inc-bp-sm: 600px;
    --inc-bp-md: 900px;
    --inc-bp-lg: 1200px;

    --inc-inline-size-sm: min(var(--inc-bp-sm), 100vi);
    --inc-inline-size-md: min(var(--inc-bp-md), 100vi);
    --inc-inline-size-lg: min(var(--inc-bp-lg), 100vi);

    /* SPACING and DIMENSIONS */
    /* Base dimensions */
    --inc-base-outline-width: 0.25rem;

    --inc-base-border-width: 2px;
    --inc-base-border-radius: 0.5rem;

    --inc-base-padding-inline: 1.5rem;
    --inc-base-padding-block: 2rem;

    --inc-base-section-padding-inline-sm: 1rem;
    --inc-base-section-padding-block-sm: 1.333rem;
    --inc-base-section-padding-inline-md: 1.875rem;
    --inc-base-section-padding-block-md: 2.5rem;
    --inc-base-section-gap: 1rem;

    --inc-base-form-gap-inline: 0.5rem;
    --inc-base-form-gap-block: 1rem;

    --inc-base-label-gap: 0.25rem;

    --inc-base-input-padding-inline: calc(20rem / 16);
    --inc-base-input-padding-block: calc(9rem / 16);
    --inc-base-input-gap: 0.5rem;

    --inc-base-popup-corner-radius: 0.75rem;
  }

  .root_fadeOut__psIAV {
    opacity: 0;
    transition: opacity 0.4s ease-in;

    @starting-style {
      opacity: 1;
    }
  }

  .root_fadeIn__0SMqe {
    opacity: 1;
    transition: opacity 0.4s ease-in;

    @starting-style {
      opacity: 0;
    }
  }
}

.welcome_root__7ebIF {
  --welcome-sect-max-width: 1200px;

  --welcome-sect-pad-inline-sm: 50px;
  --welcome-sect-pad-block-sm: 50px;
  --welcome-sect_card-pad-inline-sm: 25px;
  --welcome-sect-pad-inline-lg: 100px;
  --welcome-sect-pad-block-lg: 100px;

  --hero-bg: linear-gradient(180deg, #fffdf5 0%, #fff6db 100%);
  --AIMS-bg: linear-gradient(180deg, #f7f7f7 0%, #fff 100%);
  --Signup-bg: linear-gradient(180deg, #7479b5 0%, #636ac3 100%);
  --Values-bg: linear-gradient(180deg, #1e1d1b 0%, #000 100%);
  --Testimonials-bg: linear-gradient(180deg, #f58162 0%, #ff8666 100%);
  --Team-bg: linear-gradient(180deg, #e0ae19 0%, #cc9e17 100%);

  display: flex;
  flex-flow: column nowrap;
  row-gap: 0;
}

.welcome_section__z6zBN {
  /* width: min(100%, var(--welcome-sect-max-width)); */
  width: 100svw;
  padding-inline: max(0px, calc((100svw - var(--welcome-sect-max-width)) / 2));
}

.welcome_illustration__RwD6f {
  flex: 0 1 auto;
  display: block;
  max-width: 100%;
}

/** Reused type elements */
.welcome_eyebrow__y15K7 {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: Nunito;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.welcome_text_largeBold__hZjgb,
.welcome_text_largeRegular__srtbQ {
  font-size: var(--inc-type-display-lg);
  line-height: 1.166;
}
.welcome_text_largeBold__hZjgb {
  font-weight: 700;
  text-wrap-style: balance;
}
.welcome_text_largeRegular__srtbQ {
  font-weight: 500;
}

.welcome_text_mediumBold__UP_ez,
.welcome_text_mediumRegular___VYmA {
  font-size: var(--inc-type-display-md);
}
.welcome_text_mediumBold__UP_ez {
  font-weight: 700;
  line-height: 1;
  text-wrap-style: balance;
}
.welcome_text_mediumRegular___VYmA {
  font-weight: 500;
  line-height: 1.33;
}

.welcome_text_smallBold__cUC6Y,
.welcome_text_smallRegular__at9L2 {
  font-size: var(--inc-type-display-sm);
  line-height: 1.333;
}
.welcome_text_smallBold__cUC6Y {
  font-weight: 700;
}
.welcome_text_smallRegular__at9L2 {
  font-weight: 500;
}

.welcome_text_extraSmall__mZhW3 {
  font-size: var(--inc-type-display-xs);
  line-height: 1.333;
}

/** Card */
.welcome_card_list__8p2Pw {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.welcome_card__KMbIY {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 30px 45px 30px;
  border-radius: 30px;
}
.welcome_card_title__7fw__ {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
  width: 100%;
}
.welcome_card_titleAndIcon__OZhF1 {
  display: flex;
  flex-flow: row nowrap;
  gap: 24px;
  width: 100%;
}
.welcome_card_body__hRtLT {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 32px;
}

/** Sections without "cards" */
.welcome_hero__XJ9g4,
.welcome_search__00dcE,
.welcome_questions__iY1Qi,
.welcome_footer__lrzuN {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;

  padding: var(--welcome-sect-pad-block-sm) var(--welcome-sect-pad-inline-sm);
}

/** Section with "cards" */
.welcome_signup__x1iJm,
.welcome_values__ZT9sB,
.welcome_testimonials__tndMY,
.welcome_team__1GWZo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 32px;

  padding: var(--welcome-sect-pad-block-sm)
    var(--welcome-sect_card-pad-inline-sm);
}

/** Section styles */
/* Hero */
.welcome_hero__XJ9g4 {
  /* background: var(--inc-palette-grayscale-input); */
  background: var(--hero-bg);
  gap: 36px;
}
.welcome_hero_logo__wlVOp {
  align-self: flex-start;
  display: block;
  max-width: 240px;
  height: auto;
}
.welcome_hero_heading__PhLFX {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}
.welcome_hero_heading__PhLFX h1 {
  text-align: left;
  color: var(--inc-palette-grayscale-header);
}
.welcome_hero_oneLiner__dojvK {
  font-size: var(--inc-type-display-md);
  font-weight: 400;
  line-height: 1.33;
  color: var(--inc-palette-grayscale-body);
}

/* Search */
.welcome_search__00dcE {
  gap: 60px;

  background: var(--AIMS-bg);
  color: var(--inc-palette-grayscale-header);
}
.welcome_search_label__gNb4W {
  display: block;
  margin-bottom: 1rem;
}
.welcome_search_footer__WRQlL {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;

  color: var(--inc-palette-grayscale-body);
}
.welcome_search__00dcE h2 {
  text-align: center;
}

/* Signup */
.welcome_signup__x1iJm {
  background: var(--Signup-bg);
}
.welcome_signup__x1iJm .welcome_card_list__8p2Pw {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 32px;
}
.welcome_signup__x1iJm .welcome_card__KMbIY {
  gap: 20px;

  background: var(--inc-palette-secondary-dark);
  /* border: var(--inc-base-border-width) solid var(--inc-palette-grayscale-line); */
  border-radius: var(--inc-base-border-radius);
  color: var(--inc-palette-grayscale-input);
}
.welcome_signup__x1iJm .welcome_illustration__RwD6f {
  flex: 1;
}
.welcome_signup_button__zgR3g {
  align-self: stretch;
}

/* Values */
.welcome_values__ZT9sB {
  background: var(--Values-bg);
}
.welcome_values__ZT9sB .welcome_card_list__8p2Pw {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 32px;
}
.welcome_values__ZT9sB .welcome_card__KMbIY {
  align-items: flex-start;
  gap: 24px;

  background: var(--inc-palette-grayscale-header);

  color: var(--inc-palette-grayscale-input);
  text-align: left;
  text-wrap-style: pretty;
}

/* Testimonials */
.welcome_testimonials__tndMY {
  background: var(--Testimonials-bg);
  color: var(--inc-palette-grayscale-header);
}
.welcome_testimonials__tndMY .welcome_card_list__8p2Pw {
  gap: 32px;
}
.welcome_testimonials__tndMY .welcome_card__KMbIY {
  gap: 24px;

  background: var(--inc-palette-red);
  color: var(--inc-palette-grayscale-header);
}
.welcome_testimonials__tndMY .welcome_card__KMbIY .welcome_image__7H5zr {
  flex: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

/* Team */
.welcome_team__1GWZo {
  background: var(--Team-bg);
}
.welcome_team_grid__RW3At {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: auto;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 30px;
}
.welcome_team_description__s2DWM {
  grid-column-end: span 2;
}
.welcome_team__1GWZo .welcome_card__KMbIY {
  gap: 42px;
  padding: 12px 12px 30px 12px;

  background: var(--inc-palette-yellow);
  border-radius: 12px;
}

/* Questions */
.welcome_questions__iY1Qi {
  gap: 48px;

  background: var(--Palette-Blue, #62bbb4);
  color: var(--inc-palette-grayscale-header);
}
.welcome_questions_body__xFOKQ {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 30px;
}

/* Footer */
.welcome_footer__lrzuN {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: row;
  grid-template-rows: 1fr auto;
  justify-content: space-between;
  align-items: first baseline;
  gap: 30px;
  padding-block: var(--welcome-sect-pad-block-sm);
}
.welcome_footer_menu__NIEZT {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  text-align: right;
}
.welcome_footer_copyright__vjwCp {
  grid-column: 1 / span 2;
  width: 100%;
  text-align: right;
}

/** extras */

.welcome_image__7H5zr {
  flex: 1;
  width: 100%;
  height: auto;
}

.welcome_testimonial_decorationTrack__hlRPT {
  align-self: flex-end;
}
.welcome_testimonial_decorationOutline__ELLrE {
  height: 1px;
  overflow: visible;
}

.welcome_yellowButton__6oApY {
  --color-bg: var(--inc-palette-yellow);
}
.welcome_buttonText_large__BN4lh {
  font-size: var(--inc-type-link-lg);
}

@media screen and (min-width: 750px) {
  .welcome_hero__XJ9g4,
  .welcome_questions__iY1Qi,
  .welcome_search__00dcE,
  .welcome_signup__x1iJm,
  .welcome_team__1GWZo,
  .welcome_testimonials__tndMY,
  .welcome_values__ZT9sB {
    padding: var(--welcome-sect-pad-block-lg) var(--welcome-sect-pad-inline-lg);
  }
  .welcome_section__z6zBN {
    width: 100svw;
    padding-inline: max(
      var(--welcome-sect-pad-inline-lg),
      calc((100svw - var(--welcome-sect-max-width)) / 2)
    );
  }

  .welcome_hero__XJ9g4 .welcome_card__KMbIY,
  .welcome_questions__iY1Qi .welcome_card__KMbIY,
  .welcome_search__00dcE .welcome_card__KMbIY,
  .welcome_signup__x1iJm .welcome_card__KMbIY,
  .welcome_testimonials__tndMY .welcome_card__KMbIY,
  .welcome_team__1GWZo .welcome_card__KMbIY,
  .welcome_values__ZT9sB .welcome_card__KMbIY {
    background: transparent;
  }

  .welcome_hero__XJ9g4 {
    flex-flow: row nowrap;
    gap: 60px;
  }
  .welcome_hero_heading__PhLFX,
  .welcome_hero_oneLiner__dojvK {
    flex: 1;
  }
  .welcome_hero_logo__wlVOp {
    align-self: flex-end;
    width: 50%;
    max-width: 260px;
  }
  .welcome_hero_heading__PhLFX h1 {
    text-align: right;
  }

  .welcome_search__00dcE {
    gap: 60px;
  }

  .welcome_signup__x1iJm .welcome_card_list__8p2Pw {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 60px;
  }
  .welcome_signup__x1iJm .welcome_card_list__8p2Pw .welcome_card__KMbIY {
    aspect-ratio: 8 / 7;
    justify-content: flex-end;
    padding: 12px;
    text-align: center;
  }
  .welcome_signup__x1iJm .welcome_illustration__RwD6f {
    max-width: 20svw;
    min-height: 10svw;
  }

  .welcome_values__ZT9sB .welcome_card_list__8p2Pw {
    gap: 60px;
  }
  .welcome_values__ZT9sB .welcome_card__KMbIY {
    display: grid;
    grid-template-areas:
      "title illustration"
      "body illustration";
    grid-template-columns: [title body] 1fr [illustration] 1fr;
    grid-template-rows: [title-start illustration-start] 1fr [title-end body-start] 2fr [body-end illustration-end];
    row-gap: 24px;
    -moz-column-gap: 30px;
         column-gap: 30px;

    padding: 0;
  }
  .welcome_values__ZT9sB .welcome_card__KMbIY > * {
    flex: 1;
  }
  .welcome_values__ZT9sB .welcome_illustration__RwD6f {
    max-height: 25svh;
    align-self: center;
  }
  .welcome_values__ZT9sB .welcome_gridAreaTitle__oz9vk {
    grid-area: title;
    align-self: end;
  }
  .welcome_values__ZT9sB .welcome_gridAreaBody__I5dQt {
    grid-area: body;
    align-self: start;
    text-wrap-style: pretty;
  }
  .welcome_values__ZT9sB .welcome_gridAreaIllustration__IwDvz {
    grid-area: illustration;
    margin-inline: auto;
  }
  .welcome_values__ZT9sB .welcome_card_list__8p2Pw .welcome_card__KMbIY:nth-child(2n-1) {
    text-align: right;
  }
  .welcome_values__ZT9sB .welcome_card_list__8p2Pw .welcome_card__KMbIY:nth-child(2n) {
    grid-template-areas:
      "illustration title"
      "illustration body";
  }

  .welcome_testimonials__tndMY .welcome_card_list__8p2Pw {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 60px;
  }
  .welcome_testimonials__tndMY .welcome_card__KMbIY {
    padding: 0;
  }
  .welcome_testimonials__tndMY .welcome_card_title__7fw__ {
    gap: 0;
  }

  .welcome_team_grid__RW3At {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 60px;
  }
  .welcome_team__1GWZo .welcome_card__KMbIY {
    width: 100%;
    padding: 0;
  }
  .welcome_team__1GWZo .welcome_card__KMbIY .welcome_image__7H5zr {
    flex: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 2/3;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 10px;
  }
  .welcome_team__1GWZo .welcome_card__KMbIY .welcome_card_title__7fw__ {
    flex: 0;
    align-self: stretch;
    width: 100%;
    gap: 0rem;
  }
  .welcome_team__1GWZo .welcome_card__KMbIY .welcome_card_title__7fw__ > * {
    hyphens: auto;
    overflow-wrap: break-word;
  }

  .welcome_questions__iY1Qi {
    row-gap: 32px;
  }
  .welcome_questions_body__xFOKQ {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    justify-content: space-between;
  }
  .welcome_questions_body__xFOKQ > * {
    flex: 1;
  }

  .welcome_footer__lrzuN {
    align-items: last baseline;
  }
  .welcome_footer_menu__NIEZT {
    flex-flow: row wrap;
    gap: 24px;
  }
  .welcome_footer_menu__NIEZT:first-of-type {
    grid-column: 1 / span 2;
  }
  .welcome_footer_copyright__vjwCp {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
}

@media screen and (min-width: 900px) {
  .welcome_team_grid__RW3At {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 60px;
  }
}