@font-face {
  font-family: Plus Jakarta Sans;
  src: url('/fonts/PlusJakartaSans-Variable.woff2') format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: JetBrains Mono;
  src: url('/fonts/JetBrainsMono-Variable.woff2') format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('/fonts/Inter-Variable.woff2') format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --_hds--colors---surface--tertiary: var(--_hds--colors---neutral--200);
  --_hds--typography---family--sans: Inter, sans-serif;
  --_hds--colors---graphite-plum--200: #161519;
  --_hds--typography---fluid--body-md: clamp(1.0625rem, 1.041rem + .09vw, 1.125rem);
  --_hds--typography---lineheight--normal: 1.5;
  --_hds--typography---family--mono: "JetBrains Mono", sans-serif;
  --_hds--typography---fluid--h1: clamp(1.75rem, 1.3099rem + 1.8779vw, 3rem);
  --_hds--typography---lineheight--tight: 1.2;
  --_hds--typography---weight--regular: 400;
  --_hds--typography---letterspacing--tight: -.02em;
  --_hds--typography---fluid--h2: clamp(1.375rem, 1.0669rem + 1.3146vw, 2.25rem);
  --_hds--typography---fluid--h3: clamp(1.25rem, 1.0299rem + .939vw, 1.875rem);
  --_hds--typography---lineheight--relaxed: 1.625;
  --_hds--typography---fluid--body-sm: .875rem;
  --_hds--colors---coral-red--300: #e84e4e;
  --_hds--themes---text--inverse: #fff;
  --_hds--colors---signal-blue--300: #463aed;
  --_hds--colors---mint-green--300: #49aa50;
  --_hds--spacing---radius--sm: .25rem;
  --_hds--themes---text--tertiary: var(--_hds--colors---graphite-plum--500);
  --_hds--colors---text--brand: var(--_hds--colors---brand--primary);
  --_hds--components---button--padding-y: .875rem;
  --_hds--components---button--padding-x: 1rem;
  --_hds--colors---text--primary: var(--_hds--colors---graphite-plum--200);
  --_hds--components---button--radius: 0px;
  --_hds--typography---letterspacing--normal: 0em;
  --_hds--buttons---btn-primary--border: var(--_hds--colors---brand--primary);
  --_hds--buttons---btn-primary--bg: var(--_hds--colors---brand--primary);
  --_hds--buttons---btn-primary--text: var(--_hds--colors---signal-blue--25);
  --_hds--colors---neutral--0: #fff;
  --_hds--themes---text--brand: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-primary--border-hover: var(--_hds--colors---brand--primary-hover);
  --_hds--buttons---btn-primary--bg-hover: var(--_hds--colors---signal-blue--500);
  --_hds--buttons---btn-primary--text-hover: var(--_hds--colors---signal-blue--25);
  --_hds--colors---signal-blue--25: #e8ecff;
  --_hds--colors---signal-blue--400: #3930c3;
  --_hds--buttons---btn-secondary--border: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-secondary--bg: transparent;
  --_hds--buttons---btn-secondary--text: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-secondary--border-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-secondary--bg-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-secondary--text-hover: var(--_hds--colors---signal-blue--25);
  --_hds--buttons---btn-ghost--border: var(--_hds--colors---graphite-plum--200);
  --_hds--buttons---btn-ghost--bg: transparent;
  --_hds--buttons---btn-ghost--text: var(--_hds--colors---graphite-plum--200);
  --_hds--buttons---btn-ghost--border-hover: var(--_hds--colors---graphite-plum--200);
  --_hds--buttons---btn-ghost--bg-hover: var(--_hds--colors---graphite-plum--200);
  --_hds--buttons---btn-ghost--text-hover: var(--_hds--colors---graphite-plum--700);
  --_hds--colors---brand--primary: var(--_hds--colors---signal-blue--300);
  --_hds--spacing---space--md: 1rem;
  --_hds--spacing---space--xl: 2rem;
  --_hds--typography---fluid--display-xl: clamp(2.5rem, 1.75rem + 3.33vw, 4.75rem);
  --_hds--spacing---space--sm: .5rem;
  --_hds--spacing---container--padding: 1.5rem;
  --_hds--spacing---gap--md: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  --_hds--colors---graphite-plum--600: #b9b8cc;
  --_hds--spacing---space--xs: .25rem;
  --_hds--spacing---gap--lg: clamp(2rem, 1.25rem + 3vw, 4rem);
  --_hds--spacing---space--lg: 1.5rem;
  --_hds--spacing---gap--sm: clamp(1rem, .75rem + 1vw, 1.5rem);
  --_hds--colors---text--secondary: var(--_hds--colors---graphite-plum--400);
  --_hds--colors---border--default: var(--_hds--colors---neutral--400);
  --_hds--colors---border--subtle: var(--_hds--colors---neutral--300);
  --_hds--typography---fluid--body-xsm: .6875rem;
  --_hds--spacing---radius--lg: .75rem;
  --_hds--colors---surface--dark: var(--_hds--colors---graphite-plum--200);
  --_hds--colors---surface--primary: var(--_hds--colors---neutral--0);
  --_hds--colors---text--inverse: var(--_hds--colors---graphite-plum--700);
  --_hds--colors---signal-blue--100: #7e95fb;
  --_hds--colors---signal-blue--500: #2d2598;
  --_hds--spacing---space--2xl: 3rem;
  --_hds--colors---mint-green--200: #66cc6b;
  --_hds--colors---mint-green--25: #e6fde7;
  --_hds--colors---mint-green--700: #224c24;
  --_hds--colors---violet-purple--25: #fcefff;
  --_hds--colors---violet-purple--700: #45264c;
  --_hds--colors---violet-purple--500: #6e3a7a;
  --_hds--colors---coral-red--100: #ffadad;
  --_hds--colors---tag--blue: var(--_hds--colors---signal-blue--25);
  --_hds--themes---text--subtle-inverse: #fff9;
  --_hds--colors---signal-blue--50: #c5cfff;
  --_hds--themes---text--secondary-inverse: #ffffffd1;
  --_hds--themes---text--muted-inverse: #ffffffb3;
  --_hds--typography---lineheight--snug: 1.375;
  --_hds--spacing---space--3xl: 4rem;
  --_hds--colors---signal-blue--200: #4b6bfa;
  --_hds--colors---graphite-plum--500: #848499;
  --_hds--typography---fluid--display: clamp(2.25rem, 1.75rem + 2.22vw, 3.75rem);
  --_hds--typography---fluid--h4: clamp(1.125rem, 1.031rem + .376vw, 1.375rem);
  --_hds--typography---fluid--h5: clamp(1rem, .9rem + .4vw, 1.25rem);
  --_hds--typography---weight--medium: 500;
  --_hds--typography---fluid--h6: clamp(.875rem, .828rem + .188vw, 1rem);
  --_hds--typography---fluid--body-lg: clamp(1.125rem, 1.042rem + .37vw, 1.3125rem);
  --_hds--typography---weight--semibold: 600;
  --_hds--themes---text--secondary: var(--_hds--colors---graphite-plum--400);
  --_hds--typography---letterspacing--wide: .05em;
  --_hds--themes---text--primary: var(--_hds--colors---graphite-plum--200);
  --_hds--typography---letterspacing--wider: .1em;
  --_hds--spacing---section--md: clamp(2.5rem, 1rem + 4vw, 6rem);
  --_hds--spacing---section--lg: clamp(3.5rem, 1.5rem + 5vw, 9rem);
  --_hds--themes---surface--bg: #fff;
  --_hds--colors---graphite-plum--100: #000;
  --_hds--spacing---radius--none: 0rem;
  --_hds--spacing---section--hero: clamp(4rem, 3.5rem + 3.5vw, 11rem);
  --_hds--themes---btn-ghost--bg: transparent;
  --_hds--spacing---container--max-width: 90rem;
  --_hds--spacing---radius--md: .5rem;
  --_hds--colors---surface--secondary: var(--_hds--colors---neutral--100);
  --_hds--spacing---space--4xl: 6rem;
  --_hds--colors---text--tertiary: var(--_hds--colors---graphite-plum--500);
  --_hds--colors---graphite-plum--700: #f3f3ff;
  --_hds--colors---neutral--100: #fefefd;
  --_hds--colors---neutral--200: #f6f6f5;
  --_hds--colors---neutral--300: #edebe9;
  --_hds--colors---neutral--400: #d8d4cf;
  --_hds--colors---neutral--500: #9a9794;
  --_hds--colors---neutral--600: #5d5b59;
  --_hds--colors---neutral--1000: #000;
  --_hds--colors---graphite-plum--300: #2c2b33;
  --_hds--colors---graphite-plum--400: #585866;
  --_hds--colors---signal-blue--600: #201b6e;
  --_hds--colors---signal-blue--700: #141043;
  --_hds--colors---coral-red--25: #ffefef;
  --_hds--colors---coral-red--50: #fed6d6;
  --_hds--colors---coral-red--200: #f07070;
  --_hds--colors---coral-red--400: #bd4040;
  --_hds--colors---coral-red--500: #933131;
  --_hds--colors---coral-red--600: #692323;
  --_hds--colors---coral-red--700: #3e1515;
  --_hds--colors---mint-green--50: #c1f9c4;
  --_hds--colors---mint-green--100: #89e58e;
  --_hds--colors---mint-green--400: #449948;
  --_hds--colors---mint-green--500: #387f3c;
  --_hds--colors---mint-green--600: #2d6630;
  --_hds--colors---warm-orange--25: #fff1e9;
  --_hds--colors---warm-orange--50: #ffdcc8;
  --_hds--colors---warm-orange--100: #f9b690;
  --_hds--colors---warm-orange--200: #f69660;
  --_hds--colors---warm-orange--300: #f37630;
  --_hds--colors---warm-orange--400: #c86127;
  --_hds--colors---warm-orange--500: #9d4c1f;
  --_hds--colors---warm-orange--600: #723717;
  --_hds--colors---warm-orange--700: #48230e;
  --_hds--colors---violet-purple--50: #f7d8ff;
  --_hds--colors---violet-purple--100: #ebb8ff;
  --_hds--colors---violet-purple--200: #d389e5;
  --_hds--colors---violet-purple--300: #a056b2;
  --_hds--colors---violet-purple--400: #8a4b99;
  --_hds--colors---violet-purple--600: #5c3266;
  --_hds--colors---brand--primary-hover: var(--_hds--colors---signal-blue--400);
  --_hds--colors---brand--primary-subtle: var(--_hds--colors---signal-blue--100);
  --_hds--colors---surface--overlay: var(--_hds--colors---neutral--300);
  --_hds--colors---border--strong: var(--_hds--colors---graphite-plum--400);
  --_hds--colors---status--success: var(--_hds--colors---mint-green--300);
  --_hds--colors---status--success-subtle: var(--_hds--colors---mint-green--100);
  --_hds--colors---status--warning: var(--_hds--colors---warm-orange--300);
  --_hds--colors---status--warning-subtle: var(--_hds--colors---warm-orange--100);
  --_hds--colors---status--error: var(--_hds--colors---coral-red--300);
  --_hds--colors---status--error-subtle: var(--_hds--colors---coral-red--100);
  --_hds--colors---status--info: var(--_hds--colors---signal-blue--200);
  --_hds--colors---status--info-subtle: var(--_hds--colors---signal-blue--100);
  --_hds--colors---tag--red: var(--_hds--colors---coral-red--25);
  --_hds--colors---tag--orange: var(--_hds--colors---warm-orange--25);
  --_hds--colors---tag--green: var(--_hds--colors---mint-green--25);
  --_hds--colors---tag--purple: var(--_hds--colors---violet-purple--25);
  --_hds--spacing---radius--xl: 1rem;
  --_hds--spacing---radius--2xl: 1.5rem;
  --_hds--components---typography--paragraph-max-width: 70ch;
  --_hds--typography---fluid--display-2xl: clamp(3rem, 2rem + 4.44vw, 6rem);
  --_hds--colors---text--coral: var(--_hds--colors---coral-red--400);
  --_hds--typography---fluid--display-3xl: clamp(2.5rem, 1rem + 6.67vw, 7rem);
  --_hds--typography---weight--bold: 700;
  --_hds--spacing---spacing--0: 0rem;
  --_hds--typography---fluid--body-2xs: .5625rem;
  --_hds--components---section--padding-x: 1.5rem;
  --_hds--components---typography--h5-margin-bottom: .5rem;
  --_hds--components---section--padding-y-lg: clamp(6rem, 3rem + 3vw, 9rem);
  --_hds--themes---btn-primary--bg-hover: #3930c3;
  --_hds--components---input--radius: .375rem;
  --_hds--components---input--height: 2.25rem;
  --_hds--components---typography--h2-margin-bottom: 1.5rem;
  --_hds--components---typography--paragraph-margin-bottom: 1.5rem;
  --_hds--components---typography--h1-margin-bottom: 1.5rem;
  --_hds--themes---btn-secondary--bg: transparent;
  --_hds--components---card--padding: 1.5rem;
  --_hds--components---typography--h4-margin-bottom: 1rem;
  --_hds--components---button--gap: .5rem;
  --_hds--spacing---spacing--20: 5rem;
  --_hds--components---nav--padding-x: 1.5rem;
  --_hds--components---section--padding-y-hero: clamp(7rem, 3.5rem + 3.5vw, 11rem);
  --_hds--themes---btn-ghost--border: transparent;
  --_hds--spacing---spacing--10: 2.5rem;
  --_hds--components---typography--h3-margin-bottom: 1rem;
  --_hds--components---input--padding-x: .75rem;
  --_hds--components---nav--height: 3.5rem;
  --_hds--themes---btn-primary--text: #fff;
  --_hds--components---section--max-width: 90rem;
  --_hds--themes---btn-primary--bg: #463aed;
  --_hds--components---section--padding-y-sm: clamp(2.5rem, 1.25rem + 1.25vw, 4rem);
  --_hds--components---typography--h6-margin-bottom: .5rem;
  --_hds--components---sidebar--width: 15rem;
  --_hds--components---section--padding-y-md: clamp(4rem, 2rem + 2vw, 6rem);
  --_hds--themes---btn-primary--border: #463aed;
  --_hds--themes---btn-ghost--bg-hover: var(--_hds--colors---graphite-plum--700);
  --_hds--themes---btn-ghost--text: var(--_hds--colors---graphite-plum--200);
  --_hds--themes---btn-ghost--text-hover: #2c2b33;
  --_hds--themes---btn-secondary--bg-hover: var(--_hds--colors---graphite-plum--700);
  --_hds--themes---btn-secondary--border: var(--_hds--colors---signal-blue--300);
  --_hds--themes---btn-secondary--text: var(--_hds--colors---signal-blue--300);
  --_hds--colors---text--mint-green: var(--_hds--colors---mint-green--500);
  --_hds--colors---text--orange: var(--_hds--colors---warm-orange--500);
  --_hds--colors---text--violet: var(--_hds--colors---violet-purple--400);
  --_hds--components---card--radius: .5rem;
  --_hds--spacing---radius--full: 9999px;
  --_hds--spacing---section--sm: clamp(2.5rem, 1.25rem + 1.25vw, 4rem);
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('/vendor/custom-checkbox-checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  background-color: var(--_hds--colors---surface--tertiary);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--colors---graphite-plum--200);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--normal);
}

h1 {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--h1);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--h2);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--h3);
  line-height: var(--_hds--typography---lineheight--tight);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

p {
  line-height: var(--_hds--typography---lineheight--relaxed);
  margin-bottom: 0;
}

img {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

.eyebrow {
  grid-row-gap: 10px;
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--body-sm);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-weight: 500;
  display: inline-flex;
}

.eyebrow.eyebrow--red {
  color: var(--_hds--colors---coral-red--300);
}

.eyebrow.inversion__eyebrow {
  color: var(--_hds--themes---text--inverse);
}

.eyebrow.eyebrow--blue {
  color: var(--_hds--colors---signal-blue--300);
}

.eyebrow.eyebrow--green {
  color: var(--_hds--colors---mint-green--300);
}

.eyebrow__sep {
  margin-right: var(--_hds--spacing---radius--sm);
  color: var(--_hds--themes---text--tertiary);
}

.eyebrow__accent {
  color: var(--_hds--colors---text--brand);
}

.btn {
  padding: var(--_hds--components---button--padding-y) var(--_hds--components---button--padding-x);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: var(--_hds--components---button--radius);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: 1;
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--normal);
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border: 1.5px solid;
  justify-content: center;
  align-items: center;
  column-gap: .5rem;
  text-decoration: none;
  display: inline-flex;
}

.btn.btn--primary {
  border-color: var(--_hds--buttons---btn-primary--border);
  background-color: var(--_hds--buttons---btn-primary--bg);
  color: var(--_hds--buttons---btn-primary--text);
}

.btn.btn--primary:where(.w-variant-b1f9547b-bd65-f083-9f0f-468c8ecef69a) {
  background-color: var(--_hds--colors---neutral--0);
  color: var(--_hds--themes---text--brand);
}

.btn.btn--primary:hover {
  border-color: var(--_hds--buttons---btn-primary--border-hover);
  background-color: var(--_hds--buttons---btn-primary--bg-hover);
  color: var(--_hds--buttons---btn-primary--text-hover);
}

.btn.btn--primary:hover:where(.w-variant-b1f9547b-bd65-f083-9f0f-468c8ecef69a) {
  border-color: var(--_hds--colors---signal-blue--25);
  background-color: var(--_hds--colors---signal-blue--400);
}

.btn.btn--secondary {
  border-color: var(--_hds--buttons---btn-secondary--border);
  background-color: var(--_hds--buttons---btn-secondary--bg);
  color: var(--_hds--buttons---btn-secondary--text);
}

.btn.btn--secondary:hover {
  border-color: var(--_hds--buttons---btn-secondary--border-hover);
  background-color: var(--_hds--buttons---btn-secondary--bg-hover);
  color: var(--_hds--buttons---btn-secondary--text-hover);
}

.btn.btn--ghost {
  border-color: var(--_hds--buttons---btn-ghost--border);
  background-color: var(--_hds--buttons---btn-ghost--bg);
  color: var(--_hds--buttons---btn-ghost--text);
  --_hds--buttons---btn-primary--border: var(--_hds--colors---brand--primary);
  --_hds--buttons---btn-primary--bg: var(--_hds--colors---brand--primary);
  --_hds--buttons---btn-primary--text: var(--_hds--colors---signal-blue--25);
  --_hds--buttons---btn-primary--border-hover: var(--_hds--colors---brand--primary-hover);
  --_hds--buttons---btn-primary--bg-hover: var(--_hds--colors---signal-blue--500);
  --_hds--buttons---btn-primary--text-hover: var(--_hds--colors---signal-blue--25);
  --_hds--buttons---btn-secondary--border: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-secondary--bg: transparent;
  --_hds--buttons---btn-secondary--text: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-secondary--border-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-secondary--bg-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-secondary--text-hover: var(--_hds--colors---signal-blue--25);
  --_hds--buttons---btn-ghost--border: var(--_hds--colors---graphite-plum--200);
  --_hds--buttons---btn-ghost--bg: transparent;
  --_hds--buttons---btn-ghost--text: var(--_hds--colors---graphite-plum--200);
  --_hds--buttons---btn-ghost--border-hover: var(--_hds--colors---graphite-plum--200);
  --_hds--buttons---btn-ghost--bg-hover: var(--_hds--colors---graphite-plum--200);
  --_hds--buttons---btn-ghost--text-hover: var(--_hds--colors---graphite-plum--700);
}

.btn.btn--ghost:hover {
  border-color: var(--_hds--buttons---btn-ghost--border-hover);
  background-color: var(--_hds--buttons---btn-ghost--bg-hover);
  color: var(--_hds--buttons---btn-ghost--text-hover);
}

.btn.btn--ghost.hero__cta-link {
  cursor: pointer;
}

.btn.btn--ghost-dark {
  border-color: var(--_hds--buttons---btn-ghost--border);
  background-color: var(--_hds--buttons---btn-ghost--bg);
  color: var(--_hds--buttons---btn-ghost--text);
  --_hds--buttons---btn-primary--border: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-primary--bg: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-primary--text: var(--_hds--colors---signal-blue--25);
  --_hds--buttons---btn-primary--border-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-primary--bg-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-primary--text-hover: var(--_hds--colors---signal-blue--25);
  --_hds--buttons---btn-secondary--border: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-secondary--bg: transparent;
  --_hds--buttons---btn-secondary--text: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-secondary--border-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-secondary--bg-hover: #141043;
  --_hds--buttons---btn-secondary--text-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-ghost--border: var(--_hds--colors---text--inverse);
  --_hds--buttons---btn-ghost--bg: transparent;
  --_hds--buttons---btn-ghost--text: var(--_hds--colors---graphite-plum--700);
  --_hds--buttons---btn-ghost--border-hover: var(--_hds--colors---graphite-plum--700);
  --_hds--buttons---btn-ghost--bg-hover: var(--_hds--colors---graphite-plum--700);
  --_hds--buttons---btn-ghost--text-hover: var(--_hds--colors---graphite-plum--200);
}

.btn.btn--ghost-dark:hover {
  border-color: var(--_hds--buttons---btn-ghost--border-hover);
  background-color: var(--_hds--buttons---btn-ghost--bg-hover);
  color: var(--_hds--buttons---btn-ghost--text-hover);
}

.btn.btn--primary_icon {
  border-color: var(--_hds--buttons---btn-primary--border);
  background-color: var(--_hds--buttons---btn-primary--bg);
  color: var(--_hds--buttons---btn-primary--text);
}

.btn.btn--primary_icon:where(.w-variant-b1f9547b-bd65-f083-9f0f-468c8ecef69a) {
  background-color: var(--_hds--colors---neutral--0);
  color: var(--_hds--themes---text--brand);
}

.btn.btn--primary_icon:hover {
  border-color: var(--_hds--buttons---btn-primary--border-hover);
  background-color: var(--_hds--buttons---btn-primary--bg-hover);
  color: var(--_hds--buttons---btn-primary--text-hover);
}

.btn.btn--primary_icon:hover:where(.w-variant-b1f9547b-bd65-f083-9f0f-468c8ecef69a) {
  border-color: var(--_hds--colors---signal-blue--25);
  background-color: var(--_hds--colors---signal-blue--400);
}

.btn.btn--white {
  border-color: var(--_hds--colors---neutral--0);
  background-color: var(--_hds--colors---brand--primary);
  color: var(--_hds--colors---neutral--0);
}

.btn.btn--white:hover {
  background-color: var(--_hds--colors---neutral--0);
  color: var(--_hds--colors---brand--primary);
}

.btn--primary {
  border-color: var(--_hds--buttons---btn-primary--border);
  background-color: var(--_hds--buttons---btn-primary--bg);
  color: var(--_hds--buttons---btn-primary--text);
}

.heading--display-l {
  margin-top: var(--_hds--spacing---space--xl);
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--display-xl);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.heading--display-l.is--pierce {
  margin-bottom: 0;
}

.heading--display-l.pricing-hero__title {
  max-width: 20ch;
  margin-top: 0;
  margin-bottom: 0;
}

.nav {
  z-index: 50;
  padding: var(--_hds--spacing---space--sm) var(--_hds--spacing---container--padding);
  background-color: var(--_hds--colors---surface--tertiary);
  border-bottom: 1px solid #0000;
  position: sticky;
  top: 0;
}

.nav__brand {
  width: 200px;
  margin-right: var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---gap--md);
  grid-row-gap: var(--_hds--spacing---gap--md);
  color: inherit;
  flex-shrink: 0;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nav__link {
  padding: var(--_hds--spacing---space--sm) 0px;
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
}

.nav__link:hover, .nav__link:active, .nav__link.w--current {
  color: var(--_hds--colors---brand--primary);
}

.nav__link.nav__link--toggle, .nav__link.nav__link--locale {
  align-items: center;
  column-gap: var(--_hds--spacing---space--xs);
  display: flex;
}

.nav__cta {
  margin-left: var(--_hds--spacing---space--md);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.hero {
  position: relative;
}

.hero__grid {
  grid-column-gap: var(--_hds--spacing---gap--lg);
  grid-row-gap: var(--_hds--spacing---gap--lg);
  grid-template-rows: auto;
  grid-template-columns: 1.05fr 1fr;
  place-items: start stretch;
  display: grid;
}

.hero__cta {
  margin-top: var(--_hds--spacing---space--lg);
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  flex-wrap: wrap;
  display: flex;
}

.hero__visual {
  padding-bottom: 80px;
  position: relative;
}

.hero__visual.mb-xl.hide-desktop {
  display: none;
}

.dashboard__url {
  color: var(--_hds--colors---text--secondary);
  font-size: 11px;
}

.dashboard__chip {
  border: 1px solid var(--_hds--colors---border--default);
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 4px 10px;
  font-size: 10px;
}

.dashboard__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.ingredient-row {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-bottom: 1px dashed var(--_hds--colors---border--subtle);
  grid-template-rows: auto;
  grid-template-columns: 24px 1fr auto auto;
  align-items: center;
  padding: 11px 0;
  font-size: 12px;
  display: grid;
}

.dashboard__footer {
  border-top: 1px solid var(--_hds--colors---border--default);
  font-size: var(--_hds--typography---fluid--body-xsm);
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  margin-top: 18px;
  padding-top: 16px;
  display: flex;
}

.report-overlay {
  width: 56%;
  padding: var(--_hds--spacing---space--lg) var(--_hds--spacing---space--lg) var(--_hds--spacing---radius--lg);
  border: 1px solid var(--_hds--colors---surface--dark);
  background-color: var(--_hds--colors---signal-blue--300);
  color: var(--_hds--themes---text--inverse);
  position: absolute;
  inset: auto -24px 0% auto;
}

.problems {
  background-color: var(--_hds--colors---surface--primary);
}

.problem-card {
  padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  border: 1px solid var(--_hds--colors---border--subtle);
  background-color: var(--_hds--colors---surface--primary);
  flex-direction: column;
  display: flex;
}

.problem-card__icon {
  width: 44px;
  height: 44px;
}

.problem-card__body {
  color: var(--_hds--colors---graphite-plum--200);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: 1.55;
}

.problem-card__stat {
  margin-top: var(--_hds--spacing---space--lg);
  padding-top: var(--_hds--spacing---space--md);
  border-top: 1px dashed var(--_hds--colors---border--default);
  color: var(--_hds--colors---coral-red--300);
  letter-spacing: .04em;
  font-size: 12px;
}

.inversion__eyebrow {
  color: var(--_hds--colors---text--inverse);
}

.inversion__grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  display: grid;
}

.layers {
  background-color: var(--_hds--colors---surface--primary);
}

.layer-card {
  padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--xl) var(--_hds--spacing---space--md);
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  background-color: var(--_hds--colors---surface--primary);
  color: var(--_hds--colors---graphite-plum--200);
  flex-direction: column;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.layer-card__body {
  font-size: var(--_hds--typography---fluid--body-sm);
  margin-bottom: 18px;
  line-height: 1.55;
}

.layer-card__tags {
  padding-top: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--md);
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-top: 1px dashed var(--_hds--colors---border--default);
  flex-wrap: wrap;
  align-self: stretch;
  margin-top: auto;
  display: flex;
}

.tag {
  border: 1px solid var(--_hds--colors---border--default);
  background-color: var(--_hds--colors---surface--primary);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---surface--dark);
  font-size: var(--_hds--typography---fluid--body-xsm);
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 4px 9px;
}

.tag.tag--blue {
  border-color: var(--_hds--colors---signal-blue--100);
  color: var(--_hds--colors---signal-blue--500);
}

.tag.tag--blue.mb-2xl {
  margin-bottom: var(--_hds--spacing---space--2xl);
}

.tag.tag--green {
  border-color: var(--_hds--colors---mint-green--200);
  background-color: var(--_hds--colors---mint-green--25);
  color: var(--_hds--colors---mint-green--700);
}

.tag.tag--violet {
  background-color: var(--_hds--colors---violet-purple--25);
  color: var(--_hds--colors---violet-purple--700);
  -webkit-text-stroke-color: var(--_hds--colors---violet-purple--500);
}

.tag.tag--red {
  border-color: var(--_hds--colors---coral-red--100);
  color: var(--_hds--colors---coral-red--300);
}

.tag.tag__link {
  font-size: var(--_hds--typography---fluid--body-sm);
  padding: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.tag.tag__link:hover, .tag.tag__link.is--active {
  background-color: var(--_hds--colors---text--brand);
  color: var(--_hds--colors---neutral--0);
}

.tag.tag__number {
  width: 44px;
  height: 44px;
  font-size: var(--_hds--typography---fluid--body-sm);
  justify-content: center;
  align-items: center;
  padding: 0;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.tag.tag__number:hover {
  background-color: var(--_hds--colors---text--brand);
  color: var(--_hds--colors---neutral--0);
}

.tag--blue {
  background-color: var(--_hds--colors---tag--blue);
  color: var(--_hds--colors---brand--primary);
  border-color: #0000;
}

.regions__grid {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_hds--colors---border--subtle);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_hds--colors---border--subtle);
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.region-cell {
  border-right: 1px solid var(--_hds--colors---border--subtle);
  border-left: 1px solid var(--_hds--colors---border--subtle);
  flex-direction: column;
  min-height: 280px;
  padding: 36px 28px 32px;
  display: flex;
}

.region-cell__flag {
  color: #fff;
  letter-spacing: -.03em;
  font-size: 56px;
  font-weight: 400;
  line-height: 1;
}

.region-cell__name {
  color: var(--_hds--themes---text--subtle-inverse);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 14px;
  font-size: 10.5px;
}

.region-cell__system {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 28px;
  font-size: 18px;
  font-weight: 700;
}

.region-cell__system-full {
  color: var(--_hds--themes---text--subtle-inverse);
  font-size: var(--_hds--typography---fluid--body-sm);
  margin-top: 8px;
  line-height: 1.5;
}

.region-cell__state {
  padding-top: var(--_hds--spacing---space--xl);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--_hds--colors---signal-blue--50);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  margin-top: auto;
  font-size: 10.5px;
  display: flex;
}

.regions__footer {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  margin-top: 56px;
  display: grid;
}

.regions__footer-body {
  color: var(--_hds--themes---text--secondary-inverse);
  font-size: 15.5px;
  line-height: 1.6;
}

.why-now {
  border-bottom: 1px solid var(--_hds--colors---border--default);
  background-color: var(--_hds--colors---surface--primary);
}

.why-now__grid {
  grid-column-gap: var(--_hds--spacing---gap--md);
  grid-row-gap: var(--_hds--spacing---gap--md);
  grid-template-rows: auto;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  display: grid;
}

.why-now__lead {
  max-width: 540px;
  margin-top: 32px;
  font-size: 17px;
  line-height: 1.6;
}

.why-now__lead.inline-p-0 {
  margin-top: var(--_hds--spacing---space--lg);
}

.timeline {
  background-color: var(--_hds--buttons---btn-primary--bg);
  color: #fff;
  padding: 44px 36px 36px;
}

.timeline__eyebrow {
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--muted-inverse);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 11px;
}

.timeline__title {
  color: #fff;
  font-size: 28px;
  line-height: var(--_hds--typography---lineheight--snug);
  letter-spacing: -.025em;
  text-transform: uppercase;
  margin-bottom: 36px;
  font-weight: 400;
}

.cta {
  background-color: var(--_hds--colors---surface--primary);
}

.cta__inner {
  max-width: 980px;
}

.cta__body {
  max-width: 780px;
  margin-top: 36px;
  font-size: 17px;
  line-height: 1.55;
}

.cta__actions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  margin-top: 48px;
  display: flex;
}

.cta__trust {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid var(--_hds--colors---graphite-plum--200);
  color: var(--_hds--colors---text--secondary);
  letter-spacing: .06em;
  text-transform: uppercase;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 64px;
  padding-top: 32px;
  font-size: 11px;
  display: flex;
}

.footer {
  padding-top: var(--_hds--spacing---space--3xl);
  padding-bottom: var(--_hds--spacing---space--3xl);
}

.footer__grid {
  padding-bottom: var(--_hds--spacing---space--xl);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-bottom: 1px #ffffff2e;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  display: grid;
}

.footer__col-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.footer__col-heading {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---signal-blue--300);
  font-size: var(--_hds--typography---fluid--body-sm);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 18px;
  font-weight: 500;
}

.footer__col-link {
  color: var(--_hds--colors---graphite-plum--200);
  font-size: 14px;
  text-decoration: none;
}

.footer__col-link:hover {
  color: var(--_hds--colors---brand--primary);
}

.footer__bottom {
  margin-top: var(--_hds--spacing---space--xl);
  padding-top: var(--_hds--spacing---space--xl);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--_hds--colors---border--default);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---text--secondary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  letter-spacing: .06em;
  text-transform: uppercase;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer__bottom-cpas {
  color: var(--_hds--colors---graphite-plum--500);
}

.hero__em {
  color: var(--_hds--colors---brand--primary);
  font-style: normal;
}

.type-display {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--display);
  line-height: var(--_hds--typography---lineheight--tight);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
}

.type-h1 {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--h1);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
}

.type-h1.spread__headline {
  max-width: 14ch;
}

.type-h2 {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--h2);
  line-height: var(--_hds--typography---lineheight--tight);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
}

.type-h3 {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--h3);
  line-height: var(--_hds--typography---lineheight--tight);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
  font-weight: 400;
}

.type-h4 {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--h4);
  line-height: var(--_hds--typography---lineheight--snug);
  letter-spacing: var(--_hds--typography---letterspacing--normal);
  text-transform: uppercase;
}

.type-h5 {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--h5);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
  text-transform: uppercase;
}

.type-h6 {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--h6);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: normal;
  text-transform: uppercase;
}

.type-body {
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
}

.type-body-lg {
  font-family: var(--_hds--typography---family--sans);
  font-size: var(--_hds--typography---fluid--body-lg);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--semibold);
}

.type-body-sm {
  font-family: var(--_hds--typography---family--sans);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--regular);
}

.type-caption {
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
}

.type-mono {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
}

.type-eyebrow {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wider);
  text-transform: uppercase;
}

.section {
  width: 100%;
  padding-top: var(--_hds--spacing---section--md);
  padding-bottom: var(--_hds--spacing---section--md);
}

.section.section--lg {
  padding-top: var(--_hds--spacing---section--lg);
  padding-bottom: var(--_hds--spacing---section--lg);
}

.section.section--lg.section--brand.feature {
  position: relative;
}

.section.section--lg.hide {
  display: none;
}

.section.section--lg.hero {
  border-bottom: 1px solid var(--_hds--colors---border--default);
  padding-bottom: 0;
  overflow: hidden;
}

.section.section--lg.feature {
  position: relative;
}

.section.section--lg.feature.feature--dark {
  background-color: var(--_hds--themes---surface--bg);
  color: var(--_hds--themes---text--primary);
  --_hds--themes---text--inverse: #161519;
  --_hds--themes---text--tertiary: var(--_hds--colors---graphite-plum--500);
  --_hds--themes---text--brand: var(--_hds--colors---signal-blue--100);
  --_hds--themes---text--subtle-inverse: #fff9;
  --_hds--themes---text--secondary-inverse: #ffffffd1;
  --_hds--themes---text--muted-inverse: #ffffffb3;
  --_hds--themes---text--secondary: var(--_hds--colors---graphite-plum--600);
  --_hds--themes---text--primary: var(--_hds--colors---graphite-plum--700);
  --_hds--themes---surface--bg: var(--_hds--colors---surface--dark);
  --_hds--themes---btn-ghost--bg: transparent;
  --_hds--themes---btn-primary--bg-hover: #463aed;
  --_hds--themes---btn-secondary--bg: transparent;
  --_hds--themes---btn-ghost--border: transparent;
  --_hds--themes---btn-primary--text: #fff;
  --_hds--themes---btn-primary--bg: #4b6bfa;
  --_hds--themes---btn-primary--border: #4b6bfa;
  --_hds--themes---btn-ghost--bg-hover: var(--_hds--colors---graphite-plum--200);
  --_hds--themes---btn-ghost--text: var(--_hds--colors---neutral--100);
  --_hds--themes---btn-ghost--text-hover: var(--_hds--colors---graphite-plum--600);
  --_hds--themes---btn-secondary--bg-hover: var(--_hds--colors---signal-blue--700);
  --_hds--themes---btn-secondary--border: var(--_hds--colors---signal-blue--200);
  --_hds--themes---btn-secondary--text: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-primary--border: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-primary--bg: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-primary--text: var(--_hds--colors---signal-blue--25);
  --_hds--buttons---btn-primary--border-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-primary--bg-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-primary--text-hover: var(--_hds--colors---signal-blue--25);
  --_hds--buttons---btn-secondary--border: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-secondary--bg: transparent;
  --_hds--buttons---btn-secondary--text: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-secondary--border-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-secondary--bg-hover: #141043;
  --_hds--buttons---btn-secondary--text-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-ghost--border: var(--_hds--colors---text--inverse);
  --_hds--buttons---btn-ghost--bg: transparent;
  --_hds--buttons---btn-ghost--text: var(--_hds--colors---graphite-plum--700);
  --_hds--buttons---btn-ghost--border-hover: var(--_hds--colors---graphite-plum--700);
  --_hds--buttons---btn-ghost--bg-hover: var(--_hds--colors---graphite-plum--700);
  --_hds--buttons---btn-ghost--text-hover: var(--_hds--colors---graphite-plum--200);
}

.section.section--lg.feature.feature--dark.feature--black {
  background-color: var(--_hds--colors---graphite-plum--100);
}

.section.section--lg.feature.feature--dark.feature--black.feature--hero {
  padding-top: var(--_hds--spacing---space--3xl);
  padding-bottom: 0;
}

.section.section--lg.feature.feature--dark.feature--black.feature--notes {
  padding-top: var(--_hds--spacing---section--md);
  padding-bottom: var(--_hds--spacing---section--md);
}

.section.section--lg.feature.feature--dark.feature--black.roadmap {
  padding-top: var(--_hds--spacing---space--3xl);
  padding-bottom: 0;
}

.section.section--lg.feature.feature--dark.feature--enterprise {
  background-image: linear-gradient(90deg, #161519 15%, #1615198c 55%, #1615191a), url('/images/alphabet-vault.png');
  background-position: 0 0, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 40vw;
  position: relative;
  overflow: hidden;
}

.section.section--lg.feature.feature--white {
  background-color: var(--_hds--themes---surface--bg);
}

.section.section--lg.feature.feature--white.feature--flush, .section.section--lg.feature.feature--flush {
  padding-top: 0;
}

.section.section--lg.feature.feature--flush-bottom-0 {
  padding-top: 0;
  padding-bottom: var(--_hds--spacing---radius--none);
}

.section.section--lg.closing {
  position: relative;
}

.section.section--lg.closing.feature--white {
  background-color: var(--_hds--themes---surface--bg);
}

.section.section--lg.section--tail {
  padding-bottom: var(--_hds--spacing---space--3xl);
}

.section.section--hero {
  padding-top: var(--_hds--spacing---section--hero);
  padding-bottom: var(--_hds--spacing---section--hero);
  position: sticky;
}

.section.section--surface-tertiary, .section.section__tertiary {
  background-color: var(--_hds--colors---surface--tertiary);
}

.section.section__sm {
  padding-top: var(--_hds--spacing---space--md);
}

.section.section__sm.is--dot-reveal {
  background-color: var(--_hds--buttons---btn-secondary--bg);
}

.section.section-cpas {
  background-color: var(--_hds--themes---btn-ghost--bg);
  overflow: hidden;
}

.section.section--hero-md {
  padding-bottom: var(--_hds--spacing---section--hero);
  position: sticky;
}

.section.steps {
  position: relative;
}

.section.section--md.trust {
  background-color: var(--_hds--themes---surface--bg);
}

.section.section--flush {
  padding-top: 0;
  padding-bottom: 0;
}

.section__container {
  width: 100%;
  max-width: var(--_hds--spacing---container--max-width);
  padding-right: var(--_hds--spacing---container--padding);
  padding-left: var(--_hds--spacing---container--padding);
  margin-left: auto;
  margin-right: auto;
}

.section__container.is--overflow-hidden {
  overflow: hidden;
}

.section__container.filters__inner.glossary__bar-inner {
  grid-column-gap: var(--_hds--spacing---space--xl);
  flex-wrap: nowrap;
}

.section__container.section__container--plans-wide {
  max-width: 97.5rem;
}

.sg2-container {
  width: 100%;
  max-width: var(--_hds--spacing---container--max-width);
  padding-right: var(--_hds--spacing---container--padding);
  padding-left: var(--_hds--spacing---container--padding);
  margin-left: auto;
  margin-right: auto;
}

.sg2-section {
  padding-top: var(--_hds--spacing---space--2xl);
  padding-bottom: var(--_hds--spacing---space--2xl);
  border-color: var(--_hds--colors---border--subtle);
  border-bottom: 1px solid;
}

.sg2-section__header {
  margin-bottom: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--md);
  border-color: var(--_hds--colors---border--subtle);
  border-bottom: 1px solid;
}

.sg2-swatches {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 1.5rem;
  display: grid;
}

.sg2-swatch {
  border: 1px solid var(--_hds--colors---graphite-plum--600);
  border-radius: var(--_hds--spacing---radius--md);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.sg2-swatch__bar {
  border-color: var(--_hds--colors---border--subtle);
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  width: 100%;
  height: 80px;
}

.sg2-specimen {
  margin-bottom: var(--_hds--spacing---space--md);
  padding-top: var(--_hds--spacing---space--lg);
  padding-right: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--lg);
  padding-left: var(--_hds--spacing---space--lg);
  border-color: var(--_hds--colors---border--subtle);
  border-radius: var(--_hds--spacing---radius--md);
  background-color: var(--_hds--colors---surface--secondary);
  border: 1px solid;
}

.sg2-token-row {
  padding: var(--_hds--spacing---space--sm) var(--_hds--spacing---space--md);
  border-color: var(--_hds--colors---border--subtle);
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--body-sm);
  flex-flow: wrap;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.sg2-demo-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.5rem;
  display: flex;
}

.sg2-demo-box {
  border-radius: var(--_hds--spacing---radius--md);
  background-color: var(--_hds--colors---signal-blue--50);
  width: 60px;
  height: 60px;
}

.sg2-demo-label {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---brand--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  font-weight: 400;
}

.sg2-btn-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.sg2-flex-col-gap {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.sg2-space-row {
  padding-top: var(--_hds--spacing---space--sm);
  padding-bottom: var(--_hds--spacing---space--sm);
  border-color: var(--_hds--colors---border--subtle);
  border-bottom: 1px solid;
  align-items: center;
  column-gap: 1rem;
  display: flex;
}

.sg2-space-bar {
  border-radius: var(--_hds--spacing---radius--sm);
  background-color: var(--_hds--colors---brand--primary);
  opacity: .3;
  height: 20px;
}

.sg2-space-bar.sg2-bar--xs {
  width: var(--_hds--spacing---space--xs);
}

.sg2-space-bar.sg2-bar--sm {
  width: var(--_hds--spacing---space--sm);
}

.sg2-space-bar.sg2-bar--md {
  width: var(--_hds--spacing---space--md);
}

.sg2-space-bar.sg2-bar--lg {
  width: var(--_hds--spacing---space--lg);
}

.sg2-space-bar.sg2-bar--xl {
  width: var(--_hds--spacing---space--xl);
}

.sg2-space-bar.sg2-bar--2xl {
  width: var(--_hds--spacing---space--2xl);
}

.sg2-space-bar.sg2-bar--3xl {
  width: var(--_hds--spacing---space--3xl);
}

.sg2-space-bar.sg2-bar--4xl {
  width: var(--_hds--spacing---space--4xl);
}

.sg2-space-bar.sg2-bar--gap-sm {
  width: var(--_hds--spacing---gap--sm);
}

.sg2-space-bar.sg2-bar--gap-md {
  width: var(--_hds--spacing---gap--md);
}

.sg2-space-bar.sg2-bar--gap-lg {
  width: var(--_hds--spacing---gap--lg);
}

.sg2-space-bar-wrap {
  flex: 1;
}

.sg2-space-name {
  min-width: 120px;
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
}

.sg2-space-val {
  min-width: 60px;
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
  text-align: right;
}

.sg2-group {
  margin-bottom: var(--_hds--spacing---space--lg);
  padding-top: var(--_hds--spacing---space--lg);
  padding-right: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--lg);
  padding-left: var(--_hds--spacing---space--lg);
  border-color: var(--_hds--colors---border--subtle);
  border-radius: var(--_hds--spacing---radius--md);
  border: 1px solid;
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.sg2-type-col {
  flex-direction: column;
  row-gap: .5rem;
  display: flex;
}

.sg2-intro {
  margin-bottom: var(--_hds--spacing---space--2xl);
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
  display: flex;
}

.sg2-intro__stat {
  flex-direction: column;
  row-gap: .25rem;
  display: flex;
}

.text-center {
  text-align: center;
}

.u-mp-0 {
  margin: 0;
  padding: 0;
}

.is--dark {
  background-color: var(--_hds--colors---graphite-plum--200);
  color: var(--_hds--colors---graphite-plum--700);
}

.swatch--neutral-0 {
  background-color: var(--_hds--colors---neutral--0);
}

.swatch--neutral-100 {
  background-color: var(--_hds--colors---neutral--100);
}

.swatch--neutral-200 {
  background-color: var(--_hds--colors---neutral--200);
}

.swatch--neutral-300 {
  background-color: var(--_hds--colors---neutral--300);
}

.swatch--neutral-400 {
  background-color: var(--_hds--colors---neutral--400);
}

.swatch--neutral-500 {
  background-color: var(--_hds--colors---neutral--500);
}

.swatch--neutral-600 {
  background-color: var(--_hds--colors---neutral--600);
}

.swatch--neutral-1000 {
  background-color: var(--_hds--colors---neutral--1000);
}

.swatch--graphite-plum-100 {
  background-color: var(--_hds--colors---graphite-plum--100);
}

.swatch--graphite-plum-200 {
  background-color: var(--_hds--colors---graphite-plum--200);
}

.swatch--graphite-plum-300 {
  background-color: var(--_hds--colors---graphite-plum--300);
}

.swatch--graphite-plum-400 {
  background-color: var(--_hds--colors---graphite-plum--400);
}

.swatch--graphite-plum-500 {
  background-color: var(--_hds--colors---graphite-plum--500);
}

.swatch--graphite-plum-600 {
  background-color: var(--_hds--colors---graphite-plum--600);
}

.swatch--graphite-plum-700 {
  background-color: var(--_hds--colors---graphite-plum--700);
}

.swatch--signal-blue-25 {
  background-color: var(--_hds--colors---signal-blue--25);
}

.swatch--signal-blue-50 {
  background-color: var(--_hds--colors---signal-blue--50);
}

.swatch--signal-blue-100 {
  background-color: var(--_hds--colors---signal-blue--100);
}

.swatch--signal-blue-200 {
  background-color: var(--_hds--colors---signal-blue--200);
}

.swatch--signal-blue-300 {
  background-color: var(--_hds--colors---signal-blue--300);
}

.swatch--signal-blue-400 {
  background-color: var(--_hds--colors---signal-blue--400);
}

.swatch--signal-blue-500 {
  background-color: var(--_hds--colors---signal-blue--500);
}

.swatch--signal-blue-600 {
  background-color: var(--_hds--colors---signal-blue--600);
}

.swatch--signal-blue-700 {
  background-color: var(--_hds--colors---signal-blue--700);
}

.swatch--coral-red-25 {
  background-color: var(--_hds--colors---coral-red--25);
}

.swatch--coral-red-50 {
  background-color: var(--_hds--colors---coral-red--50);
}

.swatch--coral-red-100 {
  background-color: var(--_hds--colors---coral-red--100);
}

.swatch--coral-red-200 {
  background-color: var(--_hds--colors---coral-red--200);
}

.swatch--coral-red-300 {
  background-color: var(--_hds--colors---coral-red--300);
}

.swatch--coral-red-400 {
  background-color: var(--_hds--colors---coral-red--400);
}

.swatch--coral-red-500 {
  background-color: var(--_hds--colors---coral-red--500);
}

.swatch--coral-red-600 {
  background-color: var(--_hds--colors---coral-red--600);
}

.swatch--coral-red-700 {
  background-color: var(--_hds--colors---coral-red--700);
}

.swatch--mint-green-25 {
  background-color: var(--_hds--colors---mint-green--25);
}

.swatch--mint-green-50 {
  background-color: var(--_hds--colors---mint-green--50);
}

.swatch--mint-green-100 {
  background-color: var(--_hds--colors---mint-green--100);
}

.swatch--mint-green-200 {
  background-color: var(--_hds--colors---mint-green--200);
}

.swatch--mint-green-300 {
  background-color: var(--_hds--colors---mint-green--300);
}

.swatch--mint-green-400 {
  background-color: var(--_hds--colors---mint-green--400);
}

.swatch--mint-green-500 {
  background-color: var(--_hds--colors---mint-green--500);
}

.swatch--mint-green-600 {
  background-color: var(--_hds--colors---mint-green--600);
}

.swatch--mint-green-700 {
  background-color: var(--_hds--colors---mint-green--700);
}

.swatch--warm-orange-25 {
  background-color: var(--_hds--colors---warm-orange--25);
}

.swatch--warm-orange-50 {
  background-color: var(--_hds--colors---warm-orange--50);
}

.swatch--warm-orange-100 {
  background-color: var(--_hds--colors---warm-orange--100);
}

.swatch--warm-orange-200 {
  background-color: var(--_hds--colors---warm-orange--200);
}

.swatch--warm-orange-300 {
  background-color: var(--_hds--colors---warm-orange--300);
}

.swatch--warm-orange-400 {
  background-color: var(--_hds--colors---warm-orange--400);
}

.swatch--warm-orange-500 {
  background-color: var(--_hds--colors---warm-orange--500);
}

.swatch--warm-orange-600 {
  background-color: var(--_hds--colors---warm-orange--600);
}

.swatch--warm-orange-700 {
  background-color: var(--_hds--colors---warm-orange--700);
}

.swatch--violet-purple-25 {
  background-color: var(--_hds--colors---violet-purple--25);
}

.swatch--violet-purple-50 {
  background-color: var(--_hds--colors---violet-purple--50);
}

.swatch--violet-purple-100 {
  background-color: var(--_hds--colors---violet-purple--100);
}

.swatch--violet-purple-200 {
  background-color: var(--_hds--colors---violet-purple--200);
}

.swatch--violet-purple-300 {
  background-color: var(--_hds--colors---violet-purple--300);
}

.swatch--violet-purple-400 {
  background-color: var(--_hds--colors---violet-purple--400);
}

.swatch--violet-purple-500 {
  background-color: var(--_hds--colors---violet-purple--500);
}

.swatch--violet-purple-600 {
  background-color: var(--_hds--colors---violet-purple--600);
}

.swatch--violet-purple-700 {
  background-color: var(--_hds--colors---violet-purple--700);
}

.swatch--brand-primary {
  background-color: var(--_hds--colors---brand--primary);
}

.swatch--brand-primary-hover {
  background-color: var(--_hds--colors---brand--primary-hover);
}

.swatch--brand-primary-subtle {
  background-color: var(--_hds--colors---brand--primary-subtle);
}

.swatch--text-primary {
  background-color: var(--_hds--colors---text--primary);
}

.swatch--text-secondary {
  background-color: var(--_hds--colors---text--secondary);
}

.swatch--text-tertiary {
  background-color: var(--_hds--colors---text--tertiary);
}

.swatch--text-inverse {
  background-color: var(--_hds--colors---text--inverse);
}

.swatch--surface-primary {
  background-color: var(--_hds--colors---surface--primary);
}

.swatch--surface-secondary {
  background-color: var(--_hds--colors---surface--secondary);
}

.swatch--surface-tertiary {
  background-color: var(--_hds--colors---surface--tertiary);
}

.swatch--surface-overlay {
  background-color: var(--_hds--colors---surface--overlay);
}

.swatch--border-default {
  background-color: var(--_hds--colors---border--default);
}

.swatch--border-subtle {
  background-color: var(--_hds--colors---border--subtle);
}

.swatch--border-strong {
  background-color: var(--_hds--colors---border--strong);
}

.swatch--status-success {
  background-color: var(--_hds--colors---status--success);
}

.swatch--status-success-subtle {
  background-color: var(--_hds--colors---status--success-subtle);
}

.swatch--status-warning {
  background-color: var(--_hds--colors---status--warning);
}

.swatch--status-warning-subtle {
  background-color: var(--_hds--colors---status--warning-subtle);
}

.swatch--status-error {
  background-color: var(--_hds--colors---status--error);
}

.swatch--status-error-subtle {
  background-color: var(--_hds--colors---status--error-subtle);
}

.swatch--status-info {
  background-color: var(--_hds--colors---status--info);
}

.swatch--status-info-subtle {
  background-color: var(--_hds--colors---status--info-subtle);
}

.swatch--tag-blue {
  background-color: var(--_hds--colors---tag--blue);
}

.swatch--tag-red {
  background-color: var(--_hds--colors---tag--red);
}

.swatch--tag-orange {
  background-color: var(--_hds--colors---tag--orange);
}

.swatch--tag-green {
  background-color: var(--_hds--colors---tag--green);
}

.swatch--tag-purple {
  background-color: var(--_hds--colors---tag--purple);
}

.type-body-xsm {
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--relaxed);
  font-weight: var(--_hds--typography---weight--regular);
}

.sg2-radius-box {
  background-color: var(--_hds--colors---brand--primary);
  opacity: .35;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}

.sg2-radius-box.sg2-radius--none {
  border-radius: 0;
}

.sg2-radius-box.sg2-radius--sm {
  border-radius: var(--_hds--spacing---radius--sm);
}

.sg2-radius-box.sg2-radius--md {
  border-radius: var(--_hds--spacing---radius--md);
}

.sg2-radius-box.sg2-radius--lg {
  border-radius: var(--_hds--spacing---radius--lg);
}

.sg2-radius-box.sg2-radius--xl {
  border-radius: var(--_hds--spacing---radius--xl);
}

.sg2-radius-box.sg2-radius--2xl {
  border-radius: var(--_hds--spacing---radius--2xl);
}

.sg2-radius-box.sg2-radius--full {
  border-radius: 9999px;
}

.grid {
  gap: 1rem;
  display: grid;
}

.grid.grid--2col {
  grid-template-columns: repeat(2, 1fr);
}

.grid.grid--2col.is--tablet__1-row {
  grid-column-gap: var(--_hds--spacing---gap--lg);
  grid-row-gap: var(--_hds--spacing---gap--lg);
}

.grid.grid--3col {
  grid-row-gap: var(--_hds--spacing---gap--md);
  grid-template-columns: repeat(3, 1fr);
}

.grid.grid--4col {
  grid-template-columns: repeat(4, 1fr);
}

.grid.grid--comparison {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_hds--colors---neutral--0);
  font-size: var(--_hds--typography---fluid--body-sm);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.flex-row {
  flex-direction: row;
  display: flex;
}

.flex-col {
  flex-direction: column;
  display: flex;
}

.flex-1 {
  flex: 1;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-center {
  justify-content: center;
  align-items: center;
}

.align-left {
  justify-content: flex-start;
}

.align-right {
  justify-content: flex-end;
}

.align-between {
  justify-content: space-between;
}

.align-stretch {
  align-items: stretch;
}

.gap-xs {
  gap: .375rem;
}

.gap-sm {
  gap: .625rem;
}

.gap-md {
  gap: 1rem;
}

.gap-lg {
  gap: 1.5rem;
}

.gap-xl {
  gap: 2rem;
}

.gap-2xl {
  gap: 2.5rem;
}

._w-full {
  width: 100%;
}

.max-w-narrow {
  max-width: 40rem;
}

.max-w-text {
  max-width: var(--_hds--components---typography--paragraph-max-width);
}

.max-w-wide {
  max-width: var(--_hds--spacing---container--max-width);
  display: flex;
}

.sg2-layout-bar {
  background-color: var(--_hds--colors---signal-blue--50);
  border-radius: 3px;
  width: 100%;
  height: 12px;
}

.pt-xs {
  padding-top: var(--_hds--spacing---space--xs);
}

.pt-sm {
  padding-top: var(--_hds--spacing---space--sm);
}

.pt-md {
  padding-top: var(--_hds--spacing---space--md);
}

.pt-lg {
  padding-top: var(--_hds--spacing---space--lg);
}

.pt-xl {
  padding-top: var(--_hds--spacing---space--xl);
}

.pt-2xl {
  padding-top: var(--_hds--spacing---space--2xl);
}

.pt-3xl {
  padding-top: var(--_hds--spacing---space--3xl);
}

.pt-4xl {
  padding-top: var(--_hds--spacing---space--4xl);
}

.pb-xs {
  padding-bottom: var(--_hds--spacing---space--xs);
}

.pb-sm {
  padding-bottom: var(--_hds--spacing---space--sm);
}

.pb-md {
  padding-bottom: var(--_hds--spacing---space--md);
}

.pb-lg {
  padding-bottom: var(--_hds--spacing---space--lg);
}

.pb-xl {
  padding-bottom: var(--_hds--spacing---space--xl);
}

.pb-2xl {
  padding-bottom: var(--_hds--spacing---space--2xl);
}

.pb-3xl {
  padding-bottom: var(--_hds--spacing---space--3xl);
}

.pb-4xl {
  padding-bottom: var(--_hds--spacing---space--4xl);
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.hide-mobile {
  display: block;
}

.show-mobile {
  display: none;
}

.ratio-1x1 {
  aspect-ratio: 1;
}

.ratio-3x2 {
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

.ratio-4x3 {
  aspect-ratio: 4 / 3;
}

.ratio-16x9 {
  aspect-ratio: 16 / 9;
}

.pl-xs {
  padding-left: var(--_hds--spacing---space--xs);
}

.pl-sm {
  padding-left: var(--_hds--spacing---space--sm);
}

.pl-md {
  padding-left: var(--_hds--spacing---space--md);
}

.pl-lg {
  padding-left: var(--_hds--spacing---space--lg);
}

.pl-xl {
  padding-left: var(--_hds--spacing---space--xl);
}

.pl-2xl {
  padding-left: var(--_hds--spacing---space--2xl);
}

.pl-3xl {
  padding-left: var(--_hds--spacing---space--3xl);
}

.pl-4xl {
  padding-left: var(--_hds--spacing---space--4xl);
}

.pr-xs {
  padding-right: var(--_hds--spacing---space--xs);
}

.pr-sm {
  padding-right: var(--_hds--spacing---space--sm);
}

.pr-md {
  padding-right: var(--_hds--spacing---space--md);
}

.pr-lg {
  padding-right: var(--_hds--spacing---space--lg);
}

.pr-xl {
  padding-right: var(--_hds--spacing---space--xl);
}

.pr-2xl {
  padding-right: var(--_hds--spacing---space--2xl);
}

.pr-3xl {
  padding-right: var(--_hds--spacing---space--3xl);
}

.pr-4xl {
  padding-right: var(--_hds--spacing---space--4xl);
}

.mt-xs {
  margin-top: var(--_hds--spacing---space--xs);
}

.mt-sm {
  margin-top: var(--_hds--spacing---space--sm);
}

.mt-md {
  margin-top: var(--_hds--spacing---space--md);
}

.mt-lg {
  margin-top: var(--_hds--spacing---space--lg);
}

.mt-xl {
  margin-top: var(--_hds--spacing---space--xl);
}

.mt-2xl {
  margin-top: var(--_hds--spacing---space--2xl);
}

.mt-3xl {
  margin-top: var(--_hds--spacing---space--3xl);
}

.mt-4xl {
  margin-top: var(--_hds--spacing---space--4xl);
}

.mb-xs {
  margin-bottom: var(--_hds--spacing---space--xs);
}

.mb-sm {
  margin-bottom: var(--_hds--spacing---space--sm);
}

.mb-md {
  margin-bottom: var(--_hds--spacing---space--md);
}

.mb-lg {
  margin-bottom: var(--_hds--spacing---space--lg);
}

.mb-xl {
  margin-bottom: var(--_hds--spacing---space--xl);
}

.mb-2xl {
  margin-bottom: var(--_hds--spacing---space--2xl);
}

.mb-3xl {
  margin-bottom: var(--_hds--spacing---space--3xl);
}

.mb-4xl {
  margin-bottom: var(--_hds--spacing---space--4xl);
}

.ml-xs {
  margin-left: var(--_hds--spacing---space--xs);
}

.ml-sm {
  margin-left: var(--_hds--spacing---space--sm);
}

.ml-md {
  margin-left: var(--_hds--spacing---space--md);
}

.ml-lg {
  margin-left: var(--_hds--spacing---space--lg);
}

.ml-xl {
  margin-left: var(--_hds--spacing---space--xl);
}

.ml-2xl {
  margin-left: var(--_hds--spacing---space--2xl);
}

.ml-3xl {
  margin-left: var(--_hds--spacing---space--3xl);
}

.ml-4xl {
  margin-left: var(--_hds--spacing---space--4xl);
}

.mr-xs {
  margin-right: var(--_hds--spacing---space--xs);
}

.mr-sm {
  margin-right: var(--_hds--spacing---space--sm);
}

.mr-md {
  margin-right: var(--_hds--spacing---space--md);
}

.mr-lg {
  margin-right: var(--_hds--spacing---space--lg);
}

.mr-xl {
  margin-right: var(--_hds--spacing---space--xl);
}

.mr-2xl {
  margin-right: var(--_hds--spacing---space--2xl);
}

.mr-3xl {
  margin-right: var(--_hds--spacing---space--3xl);
}

.mr-4xl {
  margin-right: var(--_hds--spacing---space--4xl);
}

.sg2-ratio-demo {
  border-radius: var(--_hds--spacing---radius--md);
  background-color: var(--_hds--colors---signal-blue--100);
  justify-content: center;
  align-items: center;
  width: 80px;
  display: flex;
}

.footer__col, .regions__footer-col, .text__col {
  flex-direction: column;
  display: flex;
}

.timeline__row {
  padding: var(--_hds--spacing---space--md) 0rem;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border-top: 1px solid #ffffff38;
  grid-template-rows: auto;
  grid-template-columns: 80px 1fr auto;
  align-items: center;
  display: grid;
}

.timeline__row-year {
  color: var(--_hds--themes---text--inverse);
  font-size: 22px;
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: -.01em;
}

.timeline__row-event {
  color: var(--_hds--themes---text--secondary-inverse);
  font-size: 12px;
  line-height: 1.4;
}

.timeline__row-state {
  padding: var(--_hds--spacing---space--xs) 9px;
  color: var(--_hds--themes---text--inverse);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #fff6;
  font-size: 10px;
}

.timeline__row-state.timeline__row-state--now {
  border-color: var(--_hds--colors---neutral--0);
  background-color: var(--_hds--colors---neutral--0);
  color: var(--_hds--colors---text--primary);
}

.section__intro {
  max-width: 800px;
  margin-top: var(--_hds--spacing---space--sm);
  line-height: var(--_hds--typography---lineheight--normal);
}

.section__intro.type-body-lg {
  margin-bottom: var(--_hds--spacing---space--md);
}

.section__header {
  margin-bottom: var(--_hds--spacing---space--2xl);
}

.section__header.max-w-wide {
  flex-flow: column;
}

.section__header.max-w-wide.is--rel {
  margin-bottom: 2rem;
  position: relative;
}

.section__header.mb-3xl {
  margin-bottom: var(--_hds--spacing---space--3xl);
}

.hero__col {
  flex-direction: column;
  display: flex;
}

.eyebrow__label {
  margin-right: var(--_hds--spacing---radius--sm);
  color: var(--_hds--themes---text--secondary);
  display: inline;
}

.cta__trust-item {
  align-items: center;
  display: inline-flex;
}

.text-brand {
  color: var(--_hds--colors---brand--primary);
}

.heading--display-2xl {
  margin-top: var(--_hds--spacing---space--sm);
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--display-2xl);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.text-coral {
  color: var(--_hds--colors---text--coral);
}

.grid--2col {
  grid-column-gap: var(--_hds--spacing---gap--md);
  grid-row-gap: var(--_hds--spacing---gap--md);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid--2col.grid--center {
  align-items: center;
}

.modules__wrapper {
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
}

.modules__wrapper.hide {
  display: none;
}

.modules__grid.is--level1 {
  margin-bottom: var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---gap--md);
  grid-row-gap: var(--_hds--spacing---gap--md);
  grid-template-rows: auto;
}

.modules__grid.is--level2 {
  grid-column-gap: var(--_hds--spacing---gap--md);
  grid-row-gap: var(--_hds--spacing---gap--md);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.modules__grid.modules__grid--level1 {
  margin-bottom: var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---gap--md);
  grid-row-gap: var(--_hds--spacing---gap--md);
  grid-template-rows: auto;
}

.modules__grid.modules__grid--level1.hide {
  display: none;
}

.all-caps {
  text-transform: uppercase;
}

.heading--display-3xl {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--display-3xl);
  line-height: var(--_hds--typography---lineheight--tight);
  letter-spacing: -.04em;
  text-transform: uppercase;
}

.text-mint-green {
  color: var(--_hds--colors---mint-green--300);
}

.text-violet {
  color: var(--_hds--colors---violet-purple--300);
}

.text-orange {
  color: var(--_hds--colors---warm-orange--300);
}

.heading--display-xl {
  margin-top: var(--_hds--spacing---space--xl);
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--display-xl);
  line-height: 1.15;
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.heading--display-xl.mt-0 {
  margin-top: 0;
}

.heading--display {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--display);
  line-height: var(--_hds--typography---lineheight--tight);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
}

.nav__menu {
  justify-content: flex-end;
  align-items: center;
  column-gap: var(--_hds--spacing---space--lg);
  flex: 1;
  display: flex;
}

.is--layout-block {
  flex: 1;
}

.img__card {
  background-color: var(--_hds--colors---surface--primary);
  flex-direction: column;
  display: flex;
}

.img__card.img__card-light {
  border-color: var(--_hds--colors---signal-blue--200);
  background-color: var(--_hds--colors---text--brand);
}

.img__card.is--uc-content {
  padding-top: var(--_hds--spacing---space--2xl);
  padding-bottom: var(--_hds--spacing---space--2xl);
  border: 1px solid var(--_hds--colors---border--default);
}

.card-body {
  padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.card-body.is--test-qr {
  padding: var(--_hds--spacing---space--2xl);
  grid-column-gap: var(--_hds--spacing---space--sm);
  grid-row-gap: var(--_hds--spacing---space--sm);
  background-color: var(--_hds--colors---brand--primary);
  color: var(--_hds--colors---neutral--0);
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.card-body.is--fs-animation {
  padding: var(--_hds--spacing---space--3xl);
  grid-column-gap: var(--_hds--spacing---space--sm);
  grid-row-gap: var(--_hds--spacing---space--sm);
  background-color: var(--_hds--colors---brand--primary);
  color: var(--_hds--colors---neutral--0);
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.card-body.is--fs-text {
  padding-top: var(--_hds--spacing---space--3xl);
  padding-bottom: var(--_hds--spacing---space--3xl);
}

.problem-card__impact {
  margin-top: var(--_hds--spacing---space--lg);
  padding-top: var(--_hds--spacing---space--md);
  border-top: 1px dashed var(--_hds--colors---border--default);
  color: var(--_hds--colors---signal-blue--300);
  font-size: var(--_hds--typography---fluid--body-xsm);
  letter-spacing: .04em;
}

.problem-card__impact.text-blue-50 {
  border-top-color: var(--_hds--colors---signal-blue--100);
  color: var(--_hds--colors---signal-blue--50);
}

.icon__xs {
  width: 24px;
}

.comparison__border-right {
  border-right: 1px solid var(--_hds--colors---border--default);
}

.section--brand {
  background-color: var(--_hds--colors---signal-blue--300);
  color: var(--_hds--colors---neutral--0);
}

.comparison__cell {
  height: 60px;
  padding-top: var(--_hds--spacing---space--md);
  padding-bottom: var(--_hds--spacing---space--md);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  line-height: var(--_hds--typography---lineheight--relaxed);
  justify-content: flex-start;
  align-items: center;
}

.comparison__cell.comparison__cell--label {
  padding-left: var(--_hds--spacing---space--lg);
  border-bottom: 1px solid var(--_hds--colors---border--default);
  background-color: var(--_hds--colors---signal-blue--300);
  color: var(--_hds--colors---signal-blue--25);
  font-weight: 700;
}

.comparison__cell.comparison__cell--col-header {
  padding-left: var(--_hds--spacing---space--lg);
  border-bottom: 1px solid var(--_hds--colors---border--default);
  font-weight: 700;
}

.comparison__cell.comparison__cell--data {
  padding-left: var(--_hds--spacing---space--lg);
  border-bottom: 1px solid var(--_hds--colors---border--default);
}

.comparison__cell.comparison__cell--data-winner {
  padding-left: var(--_hds--spacing---space--lg);
  border-bottom: 1px solid var(--_hds--colors---border--default);
  background-color: var(--_hds--colors---mint-green--25);
}

.comparison__cel-inner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  line-height: var(--_hds--typography---lineheight--relaxed);
  justify-content: flex-start;
  align-items: center;
}

.footer__logo {
  width: 13rem;
  margin-bottom: var(--_hds--spacing---space--md);
  display: block;
}

.layer-card__text-tags {
  color: var(--_hds--colors---signal-blue--200);
  font-size: var(--_hds--typography---fluid--body-sm);
}

.layer-card__xl-tag {
  padding-top: var(--_hds--spacing---space--sm);
  padding-bottom: var(--_hds--spacing---space--sm);
  padding-left: var(--_hds--spacing---space--md);
  background-color: var(--_hds--colors---graphite-plum--100);
  color: var(--_hds--colors---neutral--0);
  font-size: var(--_hds--typography---fluid--body-md);
  letter-spacing: var(--_hds--typography---letterspacing--wider);
  text-transform: uppercase;
}

.layer-card__xl-tag.is--blue {
  background-color: var(--_hds--colors---signal-blue--300);
}

.layer-card__xl-tag.is--green {
  background-color: var(--_hds--colors---mint-green--300);
}

.layer-card__xl-tag.is--violet {
  background-color: var(--_hds--colors---violet-purple--300);
}

.product-list {
  padding-left: 0;
  list-style-type: none;
}

.product-list__item {
  padding-top: var(--_hds--spacing---space--md);
  padding-bottom: var(--_hds--spacing---space--md);
  background-image: url('/images/Check.svg');
  background-position: 0 1rem;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
}

.product-list__item.is--x {
  background-image: url('/images/XCircle.svg');
  background-size: 24px 24px;
}

.product-list__item.is--modal {
  background-image: url('/images/Check-Green-1.svg');
}

.img-stretch {
  align-items: stretch;
}

.card__body {
  color: var(--_hds--colors---graphite-plum--200);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: 1.55;
}

.mark--red {
  background-color: var(--_hds--colors---coral-red--300);
  color: var(--_hds--colors---coral-red--25);
}

.dashboard-visual__wrapper {
  aspect-ratio: 2;
  border: 1px solid var(--_hds--colors---neutral--400);
  overflow: hidden;
}

.dashboard-grid {
  margin-bottom: var(--_hds--spacing---space--4xl);
}

.icon.icon__l {
  width: 48px;
  color: var(--_hds--colors---brand--primary);
}

.icon.icon__l.icon__invert {
  color: var(--_hds--themes---text--inverse);
}

.icon.icon-md {
  width: 32px;
}

.icon.icon__xs.is--green {
  color: var(--_hds--colors---mint-green--300);
}

.icon.icon__xs.is--red {
  color: var(--_hds--colors---coral-red--300);
}

.hero-home__visual.bottle {
  z-index: 3;
  width: 35em;
  position: relative;
  bottom: 50px;
}

.hero-home__visual.card {
  border: 1px solid var(--_hds--colors---neutral--400);
  width: 16.5em;
  position: absolute;
  inset: 15% 0% auto 76%;
}

.hero-home__visual.certificate {
  z-index: 11;
  border: 1px solid var(--_hds--colors---neutral--400);
  width: 17em;
  position: absolute;
  inset: auto auto 10% -30%;
}

.hero-home__visual.created {
  border: 1px solid var(--_hds--colors---neutral--400);
  width: 15.5em;
  position: absolute;
  inset: 5% auto auto -4%;
}

.hero-home__wrapper {
  position: relative;
}

.hero-home {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.text-emphasis {
  padding-top: var(--_hds--spacing---space--2xl);
  padding-bottom: var(--_hds--spacing---space--2xl);
  border-top: 1.5px solid var(--_hds--colors---graphite-plum--600);
  border-bottom: 1.5px solid var(--_hds--colors---graphite-plum--600);
}

.mark--blue {
  background-color: var(--_hds--colors---signal-blue--300);
  color: var(--_hds--colors---coral-red--25);
}

.heading--display-home {
  margin-top: var(--_hds--spacing---space--xl);
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--display-xl);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.cpas__grid {
  margin-top: var(--_hds--spacing---space--3xl);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr 1fr .5fr 1fr;
}

.cpas-grid__box-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.cpas-grid__box-left {
  padding: var(--_hds--spacing---space--md);
  background-color: var(--_hds--colors---graphite-plum--500);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---graphite-plum--700);
  font-size: var(--_hds--typography---fluid--body-sm);
  flex: 1;
}

.cpas-grid__box-left.is--brand {
  background-color: var(--_hds--colors---brand--primary);
  font-size: var(--_hds--typography---fluid--h4);
  padding-top: .8rem;
  padding-bottom: .8rem;
}

.cpas-grid__flow-lines-1, .cpas-grid__flow-lines-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.cpas-grid__box-center {
  padding: var(--_hds--spacing---space--xl);
  background-color: var(--_hds--colors---brand--primary);
  color: var(--_hds--colors---graphite-plum--700);
  font-size: var(--_hds--typography---fluid--body-sm);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: center;
  display: flex;
  position: relative;
}

.cpas-grid__box-divider {
  padding-top: var(--_hds--spacing---space--md);
  border-top: 1px solid var(--_hds--colors---signal-blue--100);
}

.code-embed-desktop {
  position: absolute;
  inset: 0%;
}

.cpas-grid__box-right {
  padding: var(--_hds--spacing---space--xl);
  background-color: var(--_hds--colors---brand--primary);
  color: var(--_hds--colors---graphite-plum--700);
  font-size: var(--_hds--typography---fluid--body-sm);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: center;
  display: flex;
}

.code-embed-mobile {
  display: none;
  position: absolute;
  inset: 0%;
}

.code-embed {
  margin-top: var(--_hds--spacing---space--xl);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ai-logo__wrapper {
  margin-top: var(--_hds--spacing---space--3xl);
  padding-top: var(--_hds--spacing---space--xl);
  padding-bottom: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---gap--md);
  border-top: 1px solid var(--_hds--colors---graphite-plum--600);
  border-bottom: 1px solid var(--_hds--colors---graphite-plum--600);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.ai-logo__flow {
  height: 32px;
}

.blue-box {
  padding: var(--_hds--spacing---space--3xl) var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  background-color: var(--_hds--colors---brand--primary);
  color: var(--_hds--colors---neutral--0);
  flex-flow: column;
  display: flex;
}

.tag__wrapper {
  grid-column-gap: var(--_hds--spacing---gap--sm);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.eye-visual {
  width: 14em;
}

.eye-visual__wrapper {
  margin-bottom: var(--_hds--spacing---space--2xl);
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-wrapper__c-pas {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.hero__visual-c-pas.hero__visual-cpas-bottles {
  filter: blur(2px);
  position: relative;
}

.hero__visual-c-pas.hero__visual-cpas-mockup {
  z-index: 1;
  width: 20em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hero__visual-c-pas.hero__visual-cpas-mockup-straight {
  z-index: 1;
  width: 17em;
  position: absolute;
  inset: 0% auto auto 4%;
}

.hero__visual-c-pas.hero__visual-cpas-shampoo {
  width: 35em;
  position: relative;
}

.hero__dashboard {
  width: 1120px;
  position: absolute;
  inset: 0% 0% 0% 52%;
  box-shadow: 30px 14px 0 3px #0000001a;
}

.text-brand--50 {
  color: var(--_hds--colors---signal-blue--50);
}

.dot-reveal {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.about-cta__actions {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.img-ph {
  aspect-ratio: 4 / 5;
  background-color: var(--_hds--colors---surface--overlay);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 12rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.img-ph.is--ratio-16-9 {
  aspect-ratio: 16 / 9;
  justify-content: space-between;
  align-items: flex-start;
  overflow: hidden;
}

.img-ph.is--ratio-16-9.is--dark {
  background-color: var(--_hds--colors---graphite-plum--300);
}

.img-ph.is--ratio-3-2 {
  aspect-ratio: 5 / 4;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.img-ph.is--ratio-1-1 {
  aspect-ratio: 1;
}

.img-ph.is--dark {
  background-color: var(--_hds--colors---graphite-plum--200);
}

.about-media {
  margin-top: 3rem;
  position: relative;
}

.board__grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.profile__body {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.code-row {
  grid-column-gap: 2.5rem;
  border-top: 1px solid var(--_hds--colors---border--subtle);
  grid-template-columns: 6rem 20rem 1fr;
  align-items: start;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.code-row__index {
  color: var(--_hds--colors---neutral--400);
  font-size: 3rem;
  line-height: 1;
}

.member-profile {
  grid-row-gap: 1rem;
  border-top: 2px solid var(--_hds--colors---brand--primary);
  flex-direction: column;
  display: flex;
}

.sec-bar {
  grid-column-gap: 2rem;
  border-top: 1px solid var(--_hds--colors---neutral--1000);
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.sec-bar.is--section-blue {
  border-top-color: var(--_hds--colors---neutral--0);
}

.pierce-text {
  z-index: 1;
  background-color: var(--_hds--colors---neutral--0);
  padding-right: 2rem;
  position: relative;
}

.mseg {
  height: 80px;
}

.mseg-tr {
  background-color: #ffffffeb;
  flex: 0 42%;
}

.mseg-ab {
  background-color: #ffffffa8;
  flex: 0 32%;
}

.mseg-uk {
  background-color: #ffffff6b;
  flex: 0 16%;
}

.mseg-abd {
  background-color: #ffffff3d;
  flex: 0 10%;
}

.mw-tr {
  flex: 0 42%;
}

.mw-ab {
  flex: 0 32%;
}

.mw-uk {
  flex: 0 16%;
}

.mw-abd {
  flex: 0 10%;
}

.flow-row {
  margin-bottom: var(--_hds--spacing---space--3xl);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  align-items: stretch;
  display: flex;
}

.flow-node--step {
  border: 1px dashed #585866;
}

.flow-node--seal {
  background-color: #463aed;
}

.u-inverse {
  color: #f3f3ff;
}

.flow-node {
  text-align: center;
  border-radius: 50%;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  padding: 16px;
  display: flex;
}

.flow-node.flow-node--step {
  background-color: var(--_hds--colors---neutral--200);
  border-style: solid;
}

.flow-node.flow-node--seal {
  color: var(--_hds--colors---neutral--0);
}

.flow-node.flow-node--final {
  border: 1px solid var(--_hds--colors---mint-green--400);
  background-color: var(--_hds--colors---mint-green--25);
  color: var(--_hds--colors---mint-green--300);
}

.flow-conn-1-2-3 {
  background-color: #0000;
  flex: 40px;
  align-items: center;
  min-width: 32px;
  height: 200px;
  margin-left: -170px;
  margin-right: -170px;
  display: flex;
  overflow: hidden;
}

.flow-dash-1 {
  border-top: 1px dashed #585866;
  width: 100%;
  height: 0;
  display: none;
}

.flow-node__wrapper {
  z-index: 10;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.pricing-hero {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.pp-plan {
  min-width: 0;
  padding: var(--_hds--spacing---space--xl);
  border-right: 1px solid var(--_hds--colors---border--subtle);
  background-color: var(--_hds--colors---surface--primary);
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
}

.pp-plan.pp-plan--enterprise {
  border: 1px solid var(--_hds--colors---border--subtle);
  background-color: var(--_hds--colors---signal-blue--25);
}

.pp-plan.pp-plan--end {
  border-right-width: 0;
}

.pp-badge {
  padding: var(--_hds--spacing---space--xs);
  background-color: var(--_hds--colors---brand--primary);
  color: var(--_hds--colors---neutral--0);
  font-size: var(--_hds--typography---fluid--body-xsm);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  position: absolute;
  inset: 0% 0% auto auto;
}

.pp-head {
  padding-bottom: var(--_hds--spacing---space--lg);
  flex-direction: column;
  display: flex;
}

.pp-name {
  color: var(--_hds--colors---text--brand);
  font-size: var(--_hds--typography---fluid--h5);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
}

.pp-desc {
  min-height: 3.4em;
  margin-top: var(--_hds--spacing---space--sm);
  color: var(--_hds--colors---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--snug);
}

.pp-price {
  min-height: 3rem;
  margin-top: var(--_hds--spacing---space--md);
  align-items: baseline;
  column-gap: .15rem;
  display: flex;
}

.pp-price.pp-price--custom {
  align-items: center;
}

.pp-cur {
  color: var(--_hds--colors---text--primary);
  font-size: var(--_hds--typography---fluid--h4);
  font-weight: var(--_hds--typography---weight--semibold);
}

.pp-num {
  color: var(--_hds--colors---text--primary);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  font-size: 2.75rem;
  line-height: 1;
}

.pp-num.pp-num--custom {
  font-size: var(--_hds--typography---fluid--h3);
}

.pp-per {
  color: var(--_hds--colors---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
}

.pp-bill {
  min-height: 1.2em;
  margin-top: var(--_hds--spacing---space--sm);
  margin-bottom: var(--_hds--spacing---space--md);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
}

.pp-feats {
  padding: var(--_hds--spacing---space--lg) 0px 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
}

.pp-feats.inline-ul-0 {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.pp-feat {
  grid-column-gap: var(--_hds--spacing---space--sm);
  border-bottom: 1px solid var(--_hds--colors---border--default);
  color: var(--_hds--colors---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--snug);
  justify-content: space-between;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
}

.pp-text {
  flex-grow: 1;
  flex-shrink: 1;
}

.pp-info {
  width: .95em;
  height: .95em;
  color: var(--_hds--colors---text--tertiary);
  cursor: help;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: .15em;
}

.pp-grid {
  grid-column-gap: var(--_hds--spacing---space--lg);
  grid-template-columns: 3fr 1fr;
  align-items: stretch;
  display: grid;
}

.pp-grid__core {
  border: 1px solid var(--_hds--colors---border--subtle);
  background-color: var(--_hds--colors---border--default);
  flex: 3;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 0;
  display: flex;
}

.pp-cmp__scroll {
  overflow: auto hidden;
}

.pp-cmp__grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-color: var(--_hds--colors---border--subtle);
  background-color: var(--_hds--colors---border--default);
  border-style: solid;
  border-width: 1px;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  min-width: 56rem;
  display: grid;
}

.pp-cmp__th {
  padding: var(--_hds--spacing---space--md);
  grid-row-gap: .2rem;
  background-color: var(--_hds--colors---surface--primary);
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.pp-cmp__th.pp-cmp__th--feat {
  border-top: 2px solid var(--_hds--colors---brand--primary);
}

.pp-cmp__th.pp-cmp__th--label {
  position: relative;
}

.pp-cmp__th-name {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  font-weight: var(--_hds--typography---weight--bold);
  text-align: center;
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
}

.pp-cmp__group {
  padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--md);
  background-color: var(--_hds--colors---neutral--0);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-md);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  grid-column: 1 / -1;
}

.pp-cmp__label {
  padding: var(--_hds--spacing---space--md);
  grid-column-gap: var(--_hds--spacing---space--xs);
  background-color: var(--_hds--colors---surface--primary);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pp-cmp__label-main {
  color: var(--_hds--colors---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
}

.pp-cmp__val {
  padding: var(--_hds--spacing---space--md) var(--_hds--spacing---space--sm);
  background-color: var(--_hds--colors---surface--primary);
  color: var(--_hds--colors---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pp-credit__examples {
  margin-top: var(--_hds--spacing---space--xl);
  border-color: var(--_hds--colors---border--subtle);
  background-color: var(--_hds--colors---signal-blue--25);
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.pp-credit__ex {
  padding-top: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--lg);
  grid-row-gap: .35rem;
  border-right-width: 1px;
  border-right-color: var(--_hds--colors---signal-blue--400);
  flex-direction: column;
  display: flex;
}

.pp-credit__ex-op {
  color: var(--_hds--colors---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
}

.pp-credit__ex-pr {
  margin-bottom: var(--_hds--spacing---space--md);
  padding-top: var(--_hds--spacing---space--sm);
  padding-bottom: var(--_hds--spacing---space--sm);
  border-bottom: 1px dashed var(--_hds--colors---signal-blue--500);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---brand--primary);
  font-size: var(--_hds--typography---fluid--h2);
}

.pp-credit__foot {
  margin-top: var(--_hds--spacing---space--lg);
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--body-xsm);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
}

.pp-auth {
  margin-top: var(--_hds--spacing---space--2xl);
  border: 1px solid var(--_hds--colors---border--subtle);
  background-color: var(--_hds--colors---surface--primary);
}

.pp-auth__group {
  padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  border-bottom: 1px solid var(--_hds--colors---border--subtle);
  background-color: var(--_hds--colors---neutral--0);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-md);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
}

.pp-auth__row {
  padding: var(--_hds--spacing---space--md) var(--_hds--spacing---space--lg);
  border-bottom: 1px solid var(--_hds--colors---border--subtle);
  justify-content: space-between;
  align-items: center;
  column-gap: var(--_hds--spacing---space--md);
  display: flex;
}

.pp-auth__row:hover {
  background-color: var(--_hds--colors---surface--tertiary);
}

.pp-auth__row.pp-auth__row--base {
  background-color: var(--_hds--colors---signal-blue--25);
}

.pp-auth__row.pp-auth__row--last {
  border-bottom-width: 0;
}

.pp-auth__nm {
  grid-row-gap: .25rem;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
}

.pp-auth__nm-main {
  grid-column-gap: var(--_hds--spacing---space--sm);
  grid-row-gap: .3rem;
  color: var(--_hds--colors---text--primary);
  font-size: var(--_hds--typography---fluid--body-md);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.pp-auth__tag {
  background-color: var(--_hds--colors---brand--primary);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---neutral--0);
  font-size: .625rem;
  font-weight: var(--_hds--typography---weight--bold);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  white-space: nowrap;
  padding: .15rem .4rem;
}

.pp-auth__price {
  text-align: right;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  display: flex;
}

.pp-auth__pr {
  color: var(--_hds--colors---text--primary);
  font-size: var(--_hds--typography---fluid--h5);
  white-space: nowrap;
}

.pp-auth__per {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  white-space: nowrap;
  margin-top: .1rem;
}

.pp-faq {
  border-top: 1px solid var(--_hds--colors---graphite-plum--300);
}

.pp-faq__item {
  border-bottom: 1px solid var(--_hds--colors---graphite-plum--400);
}

.pp-faq__q {
  padding-top: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--lg);
  justify-content: space-between;
  align-items: center;
  column-gap: var(--_hds--spacing---space--md);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  list-style-type: none;
  display: flex;
}

.pp-faq__q.inline-summary-0, .pp-faq__q.inline-summary-1, .pp-faq__q.inline-summary-2, .pp-faq__q.inline-summary-3, .pp-faq__q.inline-summary-4 {
  list-style: none;
}

.pp-faq__q-text {
  color: var(--_hds--colors---text--primary);
  font-family: inherit;
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  margin-top: 0;
  margin-bottom: 0;
}

.pp-faq__plus {
  width: var(--_hds--spacing---space--md);
  height: var(--_hds--spacing---space--md);
  color: var(--_hds--colors---graphite-plum--300);
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition-property: transform;
  transition-duration: .2s;
  display: flex;
}

.pp-faq__a {
  max-width: 100ch;
  padding-bottom: var(--_hds--spacing---space--lg);
  color: var(--_hds--colors---text--secondary);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--relaxed);
}

.pp-feat__r {
  grid-column-gap: .4rem;
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.pp-feat__v {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  font-weight: var(--_hds--typography---weight--medium);
  display: flex;
}

.pp-tip {
  cursor: help;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.pp-tip__box {
  z-index: 30;
  background-color: var(--_hds--colors---brand--primary);
  opacity: 0;
  pointer-events: none;
  width: 220px;
  color: var(--_hds--colors---text--inverse);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--regular);
  text-align: left;
  letter-spacing: var(--_hds--typography---letterspacing--normal);
  text-transform: none;
  visibility: hidden;
  padding: .6rem .75rem;
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
  box-shadow: 0 10px 30px -8px #0b0e1473;
}

.pp-tip__box.pp-tip__box--start {
  left: 0;
  right: auto;
}

.pp-cmp__check {
  color: var(--_hds--colors---brand--primary);
  flex-grow: 0;
  flex-shrink: 0;
}

.pp-cmp__x {
  color: var(--_hds--colors---text--tertiary);
  flex-grow: 0;
  flex-shrink: 0;
}

.pp-cmp__col--hl {
  background-color: var(--_hds--colors---signal-blue--25);
}

.pp-credit__wrapper {
  padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  border-right: 1px dashed var(--_hds--colors---signal-blue--600);
}

.pp-credit__spark {
  width: 1.4rem;
  color: var(--_hds--colors---brand--primary);
  margin-left: 0;
  display: inline-block;
}

.pp-credit__title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.custom-svg__light-medium {
  width: var(--_hds--spacing---space--3xl);
  flex-grow: 0;
  flex-shrink: 0;
}

.red-box {
  padding: var(--_hds--spacing---space--3xl) var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  background-color: var(--_hds--colors---coral-red--300);
  color: var(--_hds--colors---neutral--0);
  flex-flow: column;
  display: flex;
}

.text-qr {
  width: 12rem;
}

.nav__mega-inner {
  grid-column-gap: var(--_hds--spacing---gap--lg);
  grid-row-gap: var(--_hds--spacing---gap--lg);
  width: 100%;
  max-width: var(--_hds--spacing---container--max-width);
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.nav__mega-card {
  padding-top: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--lg);
  grid-row-gap: .75rem;
  background-color: var(--_hds--colors---surface--primary);
  flex-direction: column;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.nav__mega-card:hover {
  border-color: var(--_hds--colors---brand--primary);
  background-color: var(--_hds--colors---surface--secondary);
  transform: translateY(-2px);
}

.nav__mega-desc {
  color: var(--_hds--themes---text--brand);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: 1.5;
}

.nav__mega {
  z-index: 50;
  position: fixed;
  top: 3.875rem;
  left: 0;
  right: 0;
}

.nav__mega.w--open {
  padding-bottom: var(--_hds--spacing---space--3xl);
  background-color: var(--_hds--colors---neutral--0);
}

.nav__dropdown {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.nav__dropdown:after {
  z-index: 1;
  content: "";
  background-color: #0000;
  width: 320px;
  height: 2rem;
  position: absolute;
  top: 100%;
  left: 0;
}

.dd-icon {
  margin: 0;
  position: static;
}

.nav__mega-desc-sub {
  color: var(--_hds--colors---text--secondary);
  font-size: .875rem;
  line-height: 1.5;
  overflow: clip;
}

.nav__mega-band {
  z-index: 1;
  width: 100%;
  padding-top: var(--_hds--spacing---space--xl);
  padding-bottom: var(--_hds--spacing---space--xl);
  background-color: var(--_hds--colors---surface--primary);
  position: relative;
}

.nav__mega-title-wrap {
  margin-bottom: var(--_hds--spacing---space--sm);
  padding-bottom: var(--_hds--spacing---space--sm);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid var(--_hds--colors---border--subtle);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---brand--primary);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spec04-grid {
  grid-column-gap: var(--_hds--spacing---space--lg);
  grid-row-gap: var(--_hds--spacing---space--lg);
  border-radius: 0;
  align-items: stretch;
  display: flex;
}

.spec04-col {
  border-right: 1px solid var(--_hds--colors---mint-green--200);
  background-color: var(--_hds--colors---surface--primary);
  cursor: pointer;
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 1.5rem;
  transition: all .2s;
  display: flex;
  position: relative;
}

.spec04-col:hover {
  z-index: 1;
  background-color: var(--_hds--colors---mint-green--25);
  flex-grow: 1.1;
}

.spec04-col.is--edge {
  border-right-style: none;
  border-right-width: 0;
}

.spec04-col.is--solo {
  border: 1px solid var(--_hds--colors---coral-red--100);
  flex: 1.4;
}

.spec04-col.is--solo:hover {
  background-color: var(--_hds--colors---coral-red--25);
  flex-grow: 1.6;
}

.spec04-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
  display: flex;
}

.spec04-tick {
  color: var(--_hds--colors---mint-green--300);
  letter-spacing: .06em;
  font-family: JetBrains Mono, monospace;
  font-size: .6875rem;
}

.spec04-tick.is--limit {
  color: var(--_hds--colors---coral-red--500);
}

.spec04-method {
  margin-bottom: var(--_hds--spacing---space--md);
  color: var(--_hds--colors---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
  letter-spacing: .06em;
  font-family: JetBrains Mono, monospace;
}

.spec04-count {
  padding-top: var(--_hds--spacing---space--md);
  border-top: 1px dashed var(--_hds--colors---neutral--400);
  color: var(--_hds--colors---mint-green--300);
  letter-spacing: .06em;
  margin-top: auto;
  font-size: .6875rem;
}

.spec04-count.is--limit {
  color: var(--_hds--colors---coral-red--300);
}

.spec04-count.is--border__dark {
  border-top-color: var(--_hds--colors---graphite-plum--600);
}

.spec04-body {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.icon-frame {
  padding: var(--_hds--spacing---space--xs);
  border: 1px solid var(--_hds--colors---mint-green--100);
  background-color: var(--_hds--colors---mint-green--25);
  color: var(--_hds--colors---brand--primary);
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-frame.is--limit {
  border-color: var(--_hds--colors---coral-red--100);
  background-color: var(--_hds--colors---coral-red--25);
}

.spec04-modal {
  z-index: 1000;
  padding-top: var(--_hds--spacing---container--padding);
  padding-right: var(--_hds--spacing---container--padding);
  padding-bottom: var(--_hds--spacing---container--padding);
  padding-left: var(--_hds--spacing---container--padding);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  justify-content: center;
  align-items: center;
  transition: opacity .3s, visibility .3s linear;
  display: flex;
  position: fixed;
  inset: 0;
}

.spec04-modal__panel {
  width: 100%;
  max-width: 34rem;
  max-height: 85vh;
  padding-top: var(--_hds--spacing---space--xl);
  padding-right: var(--_hds--spacing---space--xl);
  padding-bottom: var(--_hds--spacing---space--xl);
  padding-left: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--md);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_hds--colors---border--default);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_hds--colors---border--default);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_hds--colors---border--default);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_hds--colors---border--default);
  background-color: var(--_hds--colors---surface--primary);
  border-radius: 0;
  flex-direction: column;
  transition: transform .45s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
  overflow: auto;
  transform: translateY(10px);
}

.spec04-modal__head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.spec04-modal__close {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_hds--colors---border--subtle);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_hds--colors---border--subtle);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_hds--colors---border--subtle);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_hds--colors---border--subtle);
  width: 2rem;
  height: 2rem;
  color: var(--_hds--colors---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
  cursor: pointer;
  background-color: #0000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition: border-color .2s, color .2s;
  display: flex;
}

.spec04-modal__close:hover {
  border-color: var(--_hds--colors---border--strong);
  color: var(--_hds--colors---text--primary);
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.spec04-pair {
  border: 1px solid var(--_hds--colors---mint-green--100);
  border-radius: 0;
  flex-direction: row;
  flex: 3;
  align-items: stretch;
  transition: all .2s;
  display: flex;
}

.spec04-pair:hover {
  flex-grow: 3.6;
}

.spec-list {
  padding: var(--_hds--spacing---space--md) var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  border: 1px solid var(--_hds--colors---signal-blue--50);
  background-color: var(--_hds--colors---neutral--0);
  grid-template-rows: auto;
  grid-template-columns: .75fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

.spec-list.is--green {
  border: 1px solid var(--_hds--colors---mint-green--200);
  background-color: var(--_hds--colors---mint-green--25);
}

.spec-list-number {
  color: var(--_hds--colors---graphite-plum--500);
}

.spec-list-number.is--green {
  color: var(--_hds--colors---mint-green--200);
}

.spec-list-levels {
  padding: var(--_hds--spacing---space--xs) var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  color: var(--_hds--colors---brand--primary);
  grid-template-rows: auto;
  grid-template-columns: .5fr .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spec-list-levels.is--green-arrow {
  color: var(--_hds--colors---mint-green--300);
}

.spec-list__line {
  border-top: 1px solid var(--_hds--colors---mint-green--200);
  width: 100%;
}

.spec-list-levels-divider {
  padding-top: var(--_hds--spacing---space--xl);
  padding-bottom: var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  grid-template-rows: auto;
  grid-template-columns: .5fr .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.spec-list-levels-text {
  width: 230px;
  color: var(--_hds--colors---mint-green--300);
  font-size: var(--_hds--typography---fluid--body-sm);
  text-align: center;
  text-transform: uppercase;
}

.bento-grid__level-1 {
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.bento-card__1 {
  padding: var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  background-color: var(--_hds--colors---brand--primary);
  color: var(--_hds--colors---neutral--0);
}

.bento-card__micro-copy {
  padding-top: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--md);
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-top: 1px dashed var(--_hds--colors---border--default);
  font-size: var(--_hds--typography---fluid--body-xsm);
  flex-wrap: wrap;
  align-self: stretch;
  margin-top: auto;
  display: flex;
}

.bento-card__2 {
  padding: var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  background-color: var(--_hds--colors---neutral--0);
}

.bento-card__3 {
  padding: var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  background-color: var(--_hds--colors---brand--primary);
  color: var(--_hds--colors---neutral--0);
  justify-content: center;
  align-items: flex-start;
}

.lowercase {
  text-transform: none;
}

.cpas-hub-wrap {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.cpas-hub-inner {
  z-index: 2;
  position: relative;
}

.cpas-source {
  width: 20em;
  max-width: 60%;
  padding-top: var(--_hds--spacing---space--xl);
  padding-right: var(--_hds--spacing---space--xl);
  padding-bottom: var(--_hds--spacing---space--4xl);
  padding-left: var(--_hds--spacing---space--xl);
  color: #fff;
  letter-spacing: 2px;
  background-color: #463aed;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-family: JetBrains Mono, ui-monospace, monospace;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  box-shadow: 0 10px 30px #463aed47;
}

.cpas-nodes {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, 1fr);
  margin-top: 140px;
  display: grid;
}

.cpas-node {
  aspect-ratio: 16 / 10;
  background-color: var(--_hds--colors---neutral--0);
  border: 1px solid #e4e3f0;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 6px 18px #1c19400f;
}

.fs-dot-animation {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.card-body__certificate {
  border: 1px solid var(--_hds--colors---neutral--0);
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.search-bar {
  align-self: stretch;
  align-items: center;
  position: relative;
}

.search-bar__wrapper {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uc-home-hero {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.search-input {
  width: 100%;
  height: 50px;
  padding-left: var(--_hds--spacing---space--2xl);
  border: 1px solid var(--_hds--colors---border--default);
  font-size: var(--_hds--typography---fluid--body-md);
  flex-grow: 1;
  margin-bottom: 0;
}

.search-input:focus {
  border-color: var(--_hds--colors---signal-blue--300);
}

.search-input.is--bg-brand {
  color: var(--_hds--colors---graphite-plum--400);
}

.search-input.is--bg-brand:active {
  color: var(--_hds--colors---graphite-plum--200);
}

.search-icon {
  left: var(--_hds--spacing---space--md);
  pointer-events: none;
  width: 1rem;
  color: var(--_hds--colors---text--secondary);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.number-rank__grid {
  margin-top: var(--_hds--spacing---space--xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.number-rank__cell {
  margin-bottom: var(--_hds--spacing---space--lg);
}

.number-rank__color-bar {
  height: 8px;
}

.number-rank__color-bar.is--cell-1 {
  background-color: var(--_hds--colors---signal-blue--25);
}

.number-rank__color-bar.is--cell-2 {
  background-color: var(--_hds--colors---signal-blue--50);
}

.number-rank__color-bar.is--cell-3 {
  background-color: var(--_hds--colors---signal-blue--100);
}

.number-rank__color-bar.is--cell-4 {
  background-color: var(--_hds--colors---signal-blue--200);
}

.number-rank__color-bar.is--cell-5 {
  background-color: var(--_hds--colors---signal-blue--300);
}

.flex-grow {
  flex: 1;
}

.c-pas-product-image__shell {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.product-card__brand-name {
  color: var(--_hds--colors---brand--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  text-transform: uppercase;
  margin-bottom: 0;
}

.product-card__body {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.product-card__product-name {
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: 1.2;
}

.product-card__product-tags {
  padding-top: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--md);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px dashed var(--_hds--colors---border--default);
  font-size: var(--_hds--typography---fluid--body-sm);
  flex-wrap: wrap;
  align-self: stretch;
  display: flex;
}

.product-card__score-tag {
  margin-top: var(--_hds--spacing---space--md);
  margin-left: var(--_hds--spacing---space--md);
  position: absolute;
  inset: 0% auto auto 0%;
}

.product-card__category-tags {
  margin-top: auto;
  margin-bottom: var(--_hds--spacing---space--lg);
  padding: var(--_hds--spacing---space--lg) var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-row-gap: var(--_hds--spacing---space--md);
  background-color: var(--_hds--colors---neutral--0);
  flex-flow: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.product-card__category-tags-shell {
  padding-top: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--lg);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  align-self: stretch;
  display: flex;
}

.product-card-grid {
  margin-bottom: var(--_hds--spacing---space--lg);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-heaer__distribution-shell {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.product-card {
  padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--xl) var(--_hds--spacing---space--md);
  grid-column-gap: var(--_hds--spacing---gap--sm);
  grid-row-gap: var(--_hds--spacing---gap--sm);
  background-color: var(--_hds--colors---surface--primary);
  color: var(--_hds--colors---graphite-plum--200);
  flex-direction: column;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.product-card:hover {
  transform: scale(1.03);
}

.newsletter {
  flex-flow: column;
  display: flex;
}

.newsletter-input {
  height: 45px;
  margin-right: var(--_hds--spacing---space--md);
  padding-top: var(--_hds--components---button--padding-y);
  padding-bottom: var(--_hds--components---button--padding-y);
  border: 1px solid var(--_hds--colors---border--default);
  font-size: var(--_hds--typography---fluid--body-sm);
  flex-grow: 1;
  margin-bottom: 0;
}

.newsletter-input:focus {
  border-color: var(--_hds--colors---signal-blue--300);
}

.uc-stats__shell {
  padding-bottom: var(--_hds--spacing---space--2xl);
  grid-column-gap: var(--_hds--spacing---gap--lg);
  grid-row-gap: var(--_hds--spacing---gap--lg);
  border-bottom: 1px dashed var(--_hds--colors---signal-blue--50);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-check-box {
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: 1.8;
  display: flex;
}

.uc-lib {
  grid-row-gap: var(--_hds--spacing---space--2xl);
  grid-column-gap: var(--_hds--spacing---space--2xl);
  flex-direction: column;
  display: flex;
}

.uc-lib__controls {
  grid-row-gap: var(--_hds--spacing---space--lg);
  grid-column-gap: var(--_hds--spacing---space--lg);
  flex-direction: column;
  display: flex;
}

.uc-lib__chips {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  display: flex;
}

.uc-lib__list {
  grid-row-gap: var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---space--xl);
  flex-direction: column;
  display: flex;
}

.uc-lib__letter {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: var(--_hds--spacing---space--sm);
  color: var(--_hds--colors---text--brand);
  margin-left: 0;
}

.uc-lib__rows {
  margin: 0;
  padding: 0;
  list-style: none;
}

.uc-lib__row {
  grid-row-gap: var(--_hds--spacing---gap--md);
  grid-column-gap: var(--_hds--spacing---gap--md);
  padding-top: var(--_hds--spacing---space--md);
  padding-right: 0;
  padding-bottom: var(--_hds--spacing---space--md);
  border-bottom: 1px solid var(--_hds--colors---border--default);
  color: var(--_hds--colors---surface--dark);
  justify-content: space-between;
  align-items: baseline;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.uc-lib__pagination {
  margin-top: var(--_hds--spacing---space--2xl);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uc-lib__page {
  min-width: 44px;
  height: 44px;
  padding-right: var(--_hds--spacing---space--md);
  padding-left: var(--_hds--spacing---space--md);
  background-color: var(--_hds--colors---neutral--0);
  font-size: var(--_hds--typography---fluid--body-sm);
  border: 1px solid var(--_hds--colors---border--default);
  color: var(--_hds--colors---surface--dark);
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: inline-flex;
}

.uc-lib__page:hover {
  background-color: var(--_hds--colors---brand--primary);
  color: var(--_hds--colors---neutral--0);
}

.uc-lib__page.is--active {
  background: var(--_hds--colors---text--brand);
  color: var(--_hds--colors---neutral--0);
  border-top-color: var(--_hds--colors---text--brand);
  border-right-color: var(--_hds--colors---text--brand);
  border-bottom-color: var(--_hds--colors---text--brand);
  border-left-color: var(--_hds--colors---text--brand);
}

.uc-detail {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .25fr;
  align-items: start;
  display: grid;
}

.uc-ref {
  margin-right: var(--_hds--spacing---space--4xl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.uc-ref__section {
  margin-bottom: var(--_hds--spacing---space--2xl);
}

.uc-toc {
  top: var(--_hds--spacing---space--3xl);
  position: sticky;
}

.uc-toc__label {
  color: var(--_hds--colors---neutral--500);
  margin-top: 0;
  margin-right: 0;
  margin-bottom: var(--_hds--spacing---space--md);
  margin-left: 0;
}

.uc-toc__list {
  border-left: 1px solid var(--_hds--colors---border--default);
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.uc-toc__link {
  margin-bottom: var(--_hds--spacing---space--md);
  padding-top: var(--_hds--spacing---space--xs);
  padding-right: var(--_hds--spacing---space--md);
  padding-bottom: var(--_hds--spacing---space--xs);
  padding-left: var(--_hds--spacing---space--md);
  color: var(--_hds--colors---neutral--500);
  font-size: var(--_hds--typography---fluid--body-sm);
  border-left: 2px solid #0000;
  margin-left: -1px;
  text-decoration: none;
  display: block;
}

.uc-toc__link.is--active {
  color: var(--_hds--colors---text--brand);
  border-left-color: var(--_hds--colors---text--brand);
}

.uc-crumbs {
  font-size: var(--_hds--typography---fluid--body-sm);
  margin-bottom: var(--_hds--spacing---space--lg);
}

.uc-crumbs__link {
  color: var(--_hds--colors---neutral--0);
  text-decoration: underline;
}

.type-body__alternative {
  font-family: Tt Interphases Pro;
}

.inline-svg-0 {
  display: block;
}

.uc-find__tabs {
  width: 100%;
  max-width: 100%;
  margin-bottom: var(--_hds--spacing---space--xl);
  padding-bottom: var(--_hds--spacing---space--lg);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--_hds--colors---border--default);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_hds--colors---neutral--400);
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow-x: auto;
}

.uc-find__count {
  color: var(--_hds--colors---graphite-plum--500);
  font-size: var(--_hds--typography---fluid--body-sm);
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.uc-find__group {
  flex-direction: column;
  display: flex;
}

.uc-find__rows {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.uc-find__main {
  grid-row-gap: var(--_hds--spacing---space--xs);
  grid-column-gap: var(--_hds--spacing---space--xs);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.uc-find__meta {
  color: var(--_hds--colors---signal-blue--100);
  font-size: var(--_hds--typography---fluid--body-sm);
}

.uc-find__tab-1 {
  padding-top: 12px;
  padding-right: var(--_hds--spacing---space--lg);
  padding-bottom: 12px;
  padding-left: var(--_hds--spacing---space--lg);
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_hds--colors---neutral--400);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_hds--colors---neutral--400);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_hds--colors---neutral--400);
  background-color: var(--_hds--colors---neutral--0);
  color: var(--_hds--colors---graphite-plum--400);
  font-size: var(--_hds--typography---fluid--body-sm);
  white-space: nowrap;
  flex: none;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.uc-find__tab-1.is--active {
  background-color: var(--_hds--colors---brand--primary);
  color: var(--_hds--colors---neutral--0);
}

.uc-find__tab-1.tab__last {
  border-right: 1px solid var(--_hds--colors---neutral--400);
}

.uc-find__filters {
  grid-row-gap: var(--_hds--spacing---space--sm);
  grid-column-gap: var(--_hds--spacing---space--sm);
  margin-bottom: var(--_hds--spacing---space--xl);
  flex-direction: column;
  display: flex;
}

.uc-find__group-label-1 {
  letter-spacing: .08em;
  color: var(--_hds--colors---text--brand);
  font-size: var(--_hds--typography---fluid--body-xsm);
  margin-top: 0;
  margin-right: 0;
  margin-bottom: var(--_hds--spacing---space--md);
  margin-left: 0;
}

.uc-find__row-1 {
  padding-bottom: var(--_hds--spacing---space--xl);
  padding-top: var(--_hds--spacing---space--md);
  border-bottom: 1px solid var(--_hds--colors---border--default);
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.uc-select__trigger {
  background-color: var(--_hds--colors---neutral--0);
  grid-row-gap: var(--_hds--spacing---space--sm);
  grid-column-gap: var(--_hds--spacing---space--sm);
  width: 22rem;
  min-height: 44px;
  padding-top: 0;
  padding-right: var(--_hds--spacing---space--lg);
  padding-bottom: 0;
  padding-left: var(--_hds--spacing---space--lg);
  color: var(--_hds--colors---surface--dark);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.uc-select__label {
  font-size: var(--_hds--typography---fluid--body-sm);
  letter-spacing: .08em;
  color: var(--_hds--colors---graphite-plum--400);
}

.uc-select__value {
  font-size: var(--_hds--typography---fluid--body-sm);
}

.uc-select__chev {
  color: var(--_hds--colors---graphite-plum--400);
  align-items: center;
  display: inline-flex;
}

.uc-select__panel {
  background-color: var(--_hds--colors---neutral--0);
  width: 22rem;
  max-width: 100%;
  overflow-y: auto;
  box-shadow: 0 12px 32px #16151924;
}

.uc-select__list {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.uc-select__opt {
  grid-row-gap: var(--_hds--spacing---space--md);
  grid-column-gap: var(--_hds--spacing---space--md);
  min-height: 44px;
  padding-top: 0;
  padding-right: var(--_hds--spacing---space--md);
  padding-bottom: 0;
  padding-left: var(--_hds--spacing---space--md);
  color: var(--_hds--colors---surface--dark);
  font-size: var(--_hds--typography---fluid--body-sm);
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.uc-select__opt.is--active {
  background-color: var(--_hds--colors---neutral--200);
  color: var(--_hds--colors---graphite-plum--200);
}

.uc-select__count {
  opacity: .55;
  color: inherit;
  font-variant-numeric: tabular-nums;
}

.uc-kesit-select {
  flex-direction: column;
  display: none;
  position: relative;
}

.uc-kesit-tabs {
  display: flex;
}

.uc-kategori-select {
  display: block;
  position: relative;
}

.newsletter-flexbox {
  max-width: 800px;
}

.uc-neden__kart {
  border-top: 1px solid #d8d4cf;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1.5rem;
  display: flex;
}

.uc-neden__durustluk {
  max-width: 56rem;
}

.uc-fark__kutu {
  border: 1px solid #d8d4cf;
  padding: 1.5rem;
}

.uc-fark__kutu--biz {
  border-color: #463aed;
}

.uc-zemin {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}

.uc-zemin__satir {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-bottom: 1px solid #d8d4cf;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.uc-zemin__govde {
  max-width: 40rem;
}

.uc-zemin__link {
  color: #463aed;
  letter-spacing: .1em;
  flex: none;
  font-size: .6875rem;
  text-decoration: none;
}

.uc-lejant {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid #edebe9;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 1.5rem;
  display: flex;
}

.uc-lejant__baslik {
  color: #585866;
  letter-spacing: .1em;
  flex: none;
  font-size: .6875rem;
}

.uc-lejant__link {
  color: #463aed;
  letter-spacing: .1em;
  flex: none;
  margin-left: auto;
  font-size: .6875rem;
  text-decoration: none;
}

.uc-sahne {
  padding-top: var(--_hds--spacing---space--4xl);
  padding-bottom: var(--_hds--spacing---space--4xl);
  padding-left: var(--_hds--spacing---space--2xl);
  padding-right: var(--_hds--spacing---space--2xl);
  background-color: var(--_hds--colors---neutral--200);
  justify-content: center;
  display: flex;
}

.uc-kart {
  grid-row-gap: var(--_hds--spacing---space--2xl);
  grid-column-gap: var(--_hds--spacing---space--2xl);
  width: 100%;
  max-width: 42rem;
  padding-top: var(--_hds--spacing---space--xl);
  padding-bottom: var(--_hds--spacing---space--xl);
  padding-left: var(--_hds--spacing---space--xl);
  padding-right: var(--_hds--spacing---space--xl);
  border: 1px solid var(--_hds--colors---border--default);
  background-color: var(--_hds--colors---neutral--0);
  flex-direction: column;
  display: flex;
  position: relative;
}

.uc-kart__ust {
  grid-row-gap: var(--_hds--spacing---space--lg);
  grid-column-gap: var(--_hds--spacing---space--lg);
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.uc-kart__logo {
  align-self: center;
  width: 14rem;
  height: auto;
}

.uc-kart__katman {
  letter-spacing: .06em;
  padding-left: var(--_hds--spacing---space--lg);
  padding-right: var(--_hds--spacing---space--lg);
  background-color: var(--_hds--colors---brand--primary);
  color: var(--_hds--colors---neutral--0);
  font-size: var(--_hds--typography---fluid--body-sm);
  align-items: center;
  display: flex;
}

.uc-kart__govde {
  grid-row-gap: var(--_hds--spacing---space--2xl);
  grid-column-gap: var(--_hds--spacing---space--2xl);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.uc-kart__sol {
  grid-row-gap: var(--_hds--spacing---space--md);
  grid-column-gap: var(--_hds--spacing---space--md);
  flex-direction: column;
  display: flex;
}

.uc-kart__skor-satir {
  grid-row-gap: var(--_hds--spacing---space--xs);
  grid-column-gap: var(--_hds--spacing---space--xs);
  align-items: baseline;
  display: flex;
}

.uc-kart__skor {
  letter-spacing: -.02em;
  font-size: 5rem;
  line-height: 1;
}

.uc-kart__skala {
  font-size: var(--_hds--typography---fluid--h3);
  color: var(--_hds--colors---graphite-plum--400);
}

.uc-kart__guvence {
  letter-spacing: .04em;
  font-size: var(--_hds--typography---fluid--body-sm);
  margin-top: 0;
  margin-bottom: 0;
}

.uc-kart__no {
  font-size: var(--_hds--typography---fluid--body-sm);
  color: var(--_hds--colors---graphite-plum--500);
}

.uc-kart__sag {
  grid-row-gap: var(--_hds--spacing---space--md);
  grid-column-gap: var(--_hds--spacing---space--md);
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.uc-kart__qr {
  width: 11rem;
  height: 11rem;
}

.uc-kart__tara {
  letter-spacing: .04em;
  font-size: var(--_hds--typography---fluid--h5);
}

.uc-pin-1 {
  cursor: pointer;
  border: 1px solid var(--_hds--colors---neutral--0);
  background-color: var(--_hds--colors---brand--primary);
  width: 30px;
  height: 30px;
  color: var(--_hds--colors---neutral--0);
  font-size: var(--_hds--typography---fluid--body-sm);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: absolute;
}

.uc-pin--1-1 {
  left: -15px;
  top: var(--_hds--spacing---space--xl);
}

.uc-pin--2-1 {
  right: -15px;
  top: var(--_hds--spacing---space--xl);
}

.uc-pin--3-1 {
  top: 9rem;
  left: -15px;
}

.uc-pin--4-1 {
  left: -15px;
  bottom: var(--_hds--spacing---space--xl);
}

.uc-pin--5-1 {
  bottom: 7rem;
  right: -15px;
}

.nav__mega-icon {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.footer__brand {
  max-width: 20rem;
}

.hero__stack {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hero__kicker {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---text--brand);
  font-size: var(--_hds--typography---fluid--h5);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  display: block;
}

.hero__headline {
  max-width: 24ch;
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--display-xl);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
  display: block;
}

.statement__media {
  width: 100%;
  margin-top: var(--_hds--spacing---space--4xl);
  aspect-ratio: 16 / 9;
  background-color: var(--_hds--colors---signal-blue--25);
  background-image: url('/images/unique-alphabet-user-interphase.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero__title {
  margin-top: 0;
  margin-bottom: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--md);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.statement__text {
  max-width: 44rem;
  font-size: var(--_hds--typography---fluid--body-lg);
  line-height: var(--_hds--typography---lineheight--relaxed);
  font-weight: var(--_hds--typography---weight--semibold);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.hero__fan {
  width: 100%;
  max-width: 70rem;
  margin-top: var(--_hds--spacing---space--2xl);
  aspect-ratio: 16 / 5;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero__fan-item {
  position: absolute;
}

.hero__fan-item.hero__fan-item--1 {
  z-index: 1;
  aspect-ratio: 4 / 6;
  width: 19%;
  bottom: -18%;
  left: .5%;
  transform: rotate(-8deg);
}

.hero__fan-item.hero__fan-item--2 {
  z-index: 2;
  aspect-ratio: 4 / 6;
  width: 19%;
  bottom: -8%;
  left: 20.5%;
  transform: rotate(-4deg);
}

.hero__fan-item.hero__fan-item--3 {
  z-index: 3;
  aspect-ratio: 4 / 6;
  width: 19%;
  bottom: -4%;
  left: 40.5%;
  transform: rotate(0);
}

.hero__fan-item.hero__fan-item--4 {
  z-index: 2;
  aspect-ratio: 4 / 6;
  width: 19%;
  bottom: -8%;
  left: 60.5%;
  transform: rotate(4deg);
}

.hero__fan-item.hero__fan-item--5 {
  z-index: 1;
  aspect-ratio: 4 / 6;
  width: 19%;
  bottom: -18%;
  left: 80.5%;
  transform: rotate(8deg);
}

.hero__card {
  background-color: var(--_hds--themes---surface--bg);
  width: 100%;
  height: 100%;
  color: var(--_hds--themes---text--primary);
  text-align: left;
  position: relative;
  overflow: hidden;
}

.hero__card.hero__card--outlined {
  border: 1px solid var(--_hds--colors---border--subtle);
  overflow: visible;
}

.text-secondary {
  color: var(--_hds--themes---text--secondary);
}

.text-link {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--buttons---btn-secondary--text);
  font-size: var(--_hds--typography---fluid--body-sm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
}

.text-link:hover {
  text-decoration: underline;
}

.text-link.market__link {
  margin-top: var(--_hds--spacing---space--lg);
}

.text-link.datasheet__back {
  margin-top: var(--_hds--spacing---space--xl);
  opacity: 0;
  visibility: hidden;
}

.text-link.copy-link {
  grid-column-gap: var(--_hds--spacing---space--xs);
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  align-items: center;
  padding: 0;
}

.steps__track {
  scrollbar-width: none;
  overflow: hidden;
}

.steps__rail {
  margin-top: var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---space--lg);
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.steps__card {
  aspect-ratio: 5 / 5;
  background-color: var(--_hds--themes---surface--bg);
  flex-direction: column;
  flex: 0 0 26%;
  display: flex;
  position: relative;
}

.feature__head {
  grid-column-gap: var(--_hds--spacing---space--3xl);
  grid-row-gap: var(--_hds--spacing---space--lg);
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  place-items: start stretch;
  display: grid;
}

.feature__links {
  margin-top: var(--_hds--spacing---space--lg);
  grid-column-gap: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--sm);
  flex-wrap: wrap;
  display: flex;
}

.feature__links.feature__links--center {
  justify-content: center;
}

.feature__split {
  grid-column-gap: 4rem;
  grid-row-gap: var(--_hds--spacing---space--2xl);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.feature__split.feature__split--ruled {
  padding-top: var(--_hds--spacing---section--md);
  padding-bottom: var(--_hds--spacing---section--md);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_hds--colors---border--default);
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}

.feature__sticky {
  top: var(--_hds--spacing---space--4xl);
  position: sticky;
}

.feature__stack {
  grid-row-gap: var(--_hds--spacing---space--3xl);
  flex-direction: column;
  display: flex;
}

.feature__center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.bold-text {
  color: var(--_hds--colors---signal-blue--200);
}

.text-secondary-inverse {
  color: var(--_hds--themes---text--secondary-inverse);
}

.resource-card {
  height: 100%;
  padding: var(--_hds--spacing---space--xl);
  border: 1px solid var(--_hds--colors---neutral--0);
  background-color: var(--_hds--themes---surface--bg);
  color: var(--_hds--themes---text--primary);
  flex-direction: column;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.resource-card:hover {
  border-color: var(--_hds--themes---text--brand);
}

.resource-card__top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.resource-card__icon {
  width: var(--_hds--spacing---space--xl);
  height: var(--_hds--spacing---space--xl);
  color: var(--_hds--themes---text--brand);
  flex-shrink: 0;
}

.resource-card__arrow {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--brand);
  font-size: var(--_hds--typography---fluid--h5);
  line-height: 1;
}

.feature__body {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.audience {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.audience__row {
  padding-top: var(--_hds--spacing---space--xl);
  padding-bottom: var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---space--2xl);
  grid-row-gap: var(--_hds--spacing---space--sm);
  border-top: 1px solid var(--_hds--colors---border--default);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) 12rem;
  align-items: center;
  display: grid;
}

.audience__row:last-child {
  border-bottom: 1px solid var(--_hds--colors---border--default);
}

.audience__row.audience__row--solid {
  border-top-style: solid;
}

.audience__row.audience__row--solid.audience__row--top {
  align-items: start;
}

.audience__row.audience__row--head {
  padding-top: 0;
  padding-bottom: var(--_hds--spacing---space--md);
  border-top-style: none;
}

.pp-faq__link {
  color: var(--_hds--themes---text--brand);
  text-decoration: underline;
}

.closing__inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.closing__actions {
  margin-top: var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--md);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.closing__actions.closing__actions--start {
  justify-content: flex-start;
}

.hero__card-brand {
  margin-bottom: var(--_hds--spacing---space--xs);
  font-family: var(--_hds--typography---family--sans);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--bold);
  display: block;
}

.hero__card-name {
  font-family: var(--_hds--typography---family--sans);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--regular);
  display: block;
}

.hero__card-status {
  top: var(--_hds--spacing---space--md);
  right: var(--_hds--spacing---space--md);
  padding: var(--_hds--spacing---space--xs) var(--_hds--spacing---space--sm);
  background-color: var(--_hds--themes---surface--bg);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---graphite-plum--200);
  font-size: var(--_hds--typography---fluid--body-2xs);
  line-height: 1.2;
  font-weight: var(--_hds--typography---weight--regular);
  text-transform: uppercase;
  white-space: nowrap;
  display: inline-flex;
  position: absolute;
}

.hero__card-status.hero__card-status--green {
  background-color: var(--_hds--colors---mint-green--25);
}

.hero__card-status.hero__card-status--coral {
  background-color: var(--_hds--colors---coral-red--25);
}

.hero__card-status.hero__card-status--violet {
  background-color: var(--_hds--colors---violet-purple--25);
}

.hero__card-status.hero__card-status--orange {
  background-color: var(--_hds--colors---warm-orange--25);
}

.hero__card-status.hero__card-status--blue {
  background-color: var(--_hds--colors---signal-blue--25);
}

.hero__card-body {
  padding: var(--_hds--spacing---space--md) var(--_hds--spacing---space--md) var(--_hds--spacing---space--xl);
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
  position: relative;
}

.hero__card-sheet {
  background-color: var(--_hds--themes---surface--bg);
  background-position: 50% 14%;
  background-repeat: no-repeat;
  background-size: auto 50%;
  position: absolute;
  inset: 0%;
}

.hero__card-sheet.hero__card-sheet--hand-cream {
  background-image: url('/images/never-go-alone-renew-hand-cream.webp');
  background-position: 50% 20%;
  background-size: auto 60%;
}

.hero__card-sheet.hero__card-sheet--cleanser {
  background-image: url('/images/make-sense-facial-gel-cleanser.webp');
  background-position: 50% 20%;
  background-size: auto 60%;
}

.hero__card-sheet.hero__card-sheet--foundation {
  background-image: url('/images/outside-in-silk-serum-foundation.webp');
  background-position: 50% 20%;
  background-size: auto 60%;
}

.hero__card-sheet.hero__card-sheet--lotion {
  background-image: url('/images/attenir-dresslift-lotion.webp');
  background-position: 50% 20%;
  background-size: auto 60%;
}

.hero__card-sheet.hero__card-sheet--mask {
  background-image: url('/images/the-face-shop-cucumber-sheet-mask.webp');
  background-position: 50% 20%;
  background-size: auto 60%;
}

.hero__card-front {
  background-color: var(--_hds--colors---surface--overlay);
  height: 48%;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero__card-front.hero__card-front--blue {
  background-color: var(--_hds--colors---signal-blue--25);
  color: var(--_hds--colors---signal-blue--700);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.hero__card-front.hero__card-front--orange {
  background-color: var(--_hds--colors---warm-orange--25);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.hero__card-front.hero__card-front--green {
  background-color: var(--_hds--colors---mint-green--25);
  color: var(--_hds--colors---mint-green--700);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.hero__card-front.hero__card-front--coral {
  background-color: var(--_hds--colors---coral-red--25);
  color: var(--_hds--colors---coral-red--700);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.hero__card-front.hero__card-front--violet {
  background-color: var(--_hds--colors---violet-purple--25);
  color: var(--_hds--colors---violet-purple--700);
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.hero__card-tab {
  z-index: 1;
  width: 50%;
  height: 16%;
  padding-top: var(--_hds--spacing---space--sm);
  padding-right: var(--_hds--spacing---space--md);
  background-color: inherit;
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-2xs);
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: -1px;
  line-height: 1;
  display: flex;
  position: absolute;
  bottom: 100%;
  right: 0%;
}

.hero__card-meta {
  font-family: var(--_hds--typography---family--sans);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--regular);
  display: block;
}

.hero__card-tab-slope {
  aspect-ratio: 1;
  background-color: inherit;
  height: 23%;
  position: absolute;
  top: 1%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(45deg);
}

.steps__title {
  font-family: var(--_hds--typography---family--mono);
  color: inherit;
  font-size: var(--_hds--typography---fluid--h3);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.steps__desc {
  min-height: var(--_hds--spacing---space--3xl);
  margin-top: var(--_hds--spacing---space--xl);
  color: inherit;
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  margin-bottom: 0;
}

.steps__head {
  padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  grid-column-gap: var(--_hds--spacing---space--md);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.steps__head.steps__head--band {
  display: contents;
}

.steps__head.plan__head {
  grid-row-gap: var(--_hds--spacing---space--sm);
  flex-wrap: wrap;
  padding: 0;
}

.steps__head.plan__head.plan__head--start {
  justify-content: flex-start;
}

.steps__tag {
  padding: var(--_hds--spacing---space--sm) var(--_hds--spacing---space--md);
  background-color: var(--_hds--colors---signal-blue--25);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---signal-blue--700);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--normal);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  white-space: nowrap;
}

.steps__tag.is--green {
  background-color: var(--_hds--colors---mint-green--25);
  color: var(--_hds--colors---mint-green--700);
}

.steps__tag.is--red {
  background-color: var(--_hds--colors---coral-red--25);
  color: var(--_hds--colors---coral-red--700);
}

.steps__tag.is--violet {
  background-color: var(--_hds--colors---violet-purple--25);
  color: var(--_hds--colors---violet-purple--700);
}

.statement__badge {
  aspect-ratio: 336 / 343;
  pointer-events: none;
  width: 17%;
  position: absolute;
  top: 8%;
  left: 5%;
}

.statement__badge-ring {
  width: 100%;
  height: 100%;
  display: block;
}

.statement__badge-mark {
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.steps__num {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---signal-blue--50);
  font-size: var(--_hds--typography---fluid--h4);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
}

.steps__num.is--green {
  color: var(--_hds--colors---mint-green--50);
}

.steps__num.is--red {
  color: var(--_hds--colors---coral-red--50);
}

.steps__num.is--violet {
  color: var(--_hds--colors---violet-purple--50);
}

.feature__corner-icon {
  left: var(--_hds--spacing---space--lg);
  top: var(--_hds--spacing---space--lg);
  width: var(--_hds--spacing---space--xl);
  height: var(--_hds--spacing---space--xl);
  color: var(--_hds--themes---text--brand);
  position: absolute;
}

.pp-faq__plus-icon {
  width: 100%;
  height: 100%;
  display: block;
}

.steps__panel {
  padding: var(--_hds--spacing---space--2xl) var(--_hds--spacing---space--lg) var(--_hds--spacing---space--xl);
  background-color: var(--_hds--colors---signal-blue--25);
  color: var(--_hds--colors---signal-blue--700);
  margin-top: auto;
  position: relative;
}

.steps__panel.is--green {
  background-color: var(--_hds--colors---mint-green--25);
  color: var(--_hds--colors---mint-green--700);
}

.steps__panel.is--red {
  background-color: var(--_hds--colors---coral-red--25);
  color: var(--_hds--colors---coral-red--700);
}

.steps__panel.is--violet {
  background-color: var(--_hds--colors---violet-purple--25);
  color: var(--_hds--colors---violet-purple--700);
}

.steps__panel.plan__panel {
  color: var(--_hds--themes---text--primary);
  background-color: #0000;
  flex-direction: column;
  flex-grow: 1;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.steps__panel.plan__panel.plan__panel--band {
  display: contents;
}

.steps__tab {
  width: 35%;
  height: var(--_hds--spacing---space--xl);
  background-color: inherit;
  margin-bottom: -1px;
  position: absolute;
  bottom: 100%;
  right: 0%;
}

.steps__tab.plan__tab, .steps__tab.plan__tab.plan__tab--band {
  display: none;
}

.steps__tab-slope {
  aspect-ratio: 1;
  background-color: inherit;
  height: 141%;
  position: absolute;
  top: 100%;
  left: 0%;
  transform: translate(-50%, -50%)rotate(45deg);
}

.hero__steps {
  width: 100%;
  margin-top: var(--_hds--spacing---space--3xl);
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-row-gap: var(--_hds--spacing---space--lg);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.copy-hl {
  max-width: var(--_hds--components---typography--paragraph-max-width);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-lg);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--semibold);
  margin-bottom: 0;
}

.copy-hl.copy-hl--lg {
  font-size: var(--_hds--typography---fluid--h3);
}

.copy-hl__mark {
  color: var(--_hds--themes---text--primary);
}

.stats {
  margin-top: var(--_hds--spacing---space--3xl);
  grid-column-gap: var(--_hds--spacing---gap--md);
  grid-row-gap: var(--_hds--spacing---space--xl);
  text-align: center;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.stats.stats--band {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  margin-top: 0;
}

.stats.stats--proof {
  margin-top: var(--_hds--spacing---space--4xl);
  grid-column-gap: var(--_hds--spacing---space--md);
  text-align: left;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.stat {
  grid-row-gap: var(--_hds--spacing---space--sm);
  flex-direction: column;
  display: flex;
}

.stat.stat--proof {
  padding-right: var(--_hds--spacing---space--xl);
  padding-left: var(--_hds--spacing---space--xl);
}

.stat__value {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--display);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.stat__label {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  margin-bottom: 0;
}

.stat__label.stat__label--inverse {
  color: var(--_hds--themes---text--secondary-inverse);
}

.tile {
  background-color: var(--_hds--colors---neutral--0);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tile.tile--dark {
  background-color: var(--_hds--colors---graphite-plum--300);
}

.tile.tile--white {
  background-color: var(--_hds--themes---surface--bg);
}

.tile.tile--tertiary {
  background-color: var(--_hds--colors---surface--tertiary);
}

.tile__body {
  padding: var(--_hds--spacing---space--lg) var(--_hds--spacing---space--lg) var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--sm);
  flex-direction: column;
  display: flex;
}

.tile__body.tile__body--lg {
  padding: var(--_hds--spacing---space--2xl);
  grid-row-gap: var(--_hds--spacing---space--md);
}

.tile__body.tile__body--md {
  padding: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--md);
}

.tile__body.tile__body--lg-frame {
  padding: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--lg);
  border: 1px solid var(--_hds--colors---graphite-plum--500);
  background-color: var(--_hds--colors---neutral--0);
}

.hero__step {
  padding-top: var(--_hds--spacing---space--md);
  grid-row-gap: var(--_hds--spacing---space--xs);
  border-top: 1px solid var(--_hds--colors---border--default);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  text-align: left;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.hero__step:hover {
  border-top-color: var(--_hds--themes---text--brand);
  color: var(--_hds--themes---text--brand);
}

.hero__step-num {
  margin-right: var(--_hds--spacing---space--sm);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-md);
}

.tiles {
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-row-gap: var(--_hds--spacing---space--md);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.tiles.tiles--two {
  text-align: left;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.tiles.tiles--four {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.tiles.tiles--stack {
  grid-template-columns: minmax(0, 1fr);
}

.tile__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.terms {
  margin-top: var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---space--sm);
  grid-row-gap: var(--_hds--spacing---space--sm);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.terms__item {
  padding: var(--_hds--spacing---space--md) var(--_hds--spacing---space--sm);
  background-color: var(--_hds--themes---surface--bg);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.terms__item.is--picked {
  background-color: var(--_hds--colors---signal-blue--25);
  color: var(--_hds--colors---signal-blue--700);
}

.tile__icon {
  width: var(--_hds--spacing---space--lg);
  height: var(--_hds--spacing---space--lg);
  margin-bottom: var(--_hds--spacing---space--sm);
  color: var(--_hds--themes---text--secondary);
  flex-shrink: 0;
}

.tile__icon.tile__icon--inline {
  margin-bottom: 0;
}

.tile__icon.tile__icon--inline.tile__icon--lg {
  width: var(--_hds--spacing---space--xl);
  height: var(--_hds--spacing---space--xl);
}

.pass {
  bottom: var(--_hds--spacing---space--xl);
  z-index: 2;
  margin-top: var(--_hds--spacing---space--3xl);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
}

.pass.pass--inline {
  justify-content: flex-start;
  position: relative;
  bottom: auto;
}

.pass__btn {
  background-color: var(--_hds--colors---signal-blue--300);
  opacity: 0;
  pointer-events: none;
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---neutral--0);
  font-size: var(--_hds--typography---fluid--body-sm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  align-items: center;
  text-decoration: none;
  display: flex;
  transform: scale(.9);
}

.pass__btn:hover {
  background-color: var(--_hds--colors---signal-blue--400);
}

.pass__text {
  white-space: nowrap;
  max-width: 0;
  display: flex;
  overflow: hidden;
}

.pass__label {
  padding-right: 0;
  padding-left: var(--_hds--spacing---space--md);
  flex-shrink: 0;
  display: block;
}

.pass__icon {
  width: var(--_hds--spacing---space--2xl);
  height: var(--_hds--spacing---space--2xl);
  color: var(--_hds--colors---neutral--0);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pass__icon-svg {
  width: var(--_hds--spacing---space--md);
  height: var(--_hds--spacing---space--md);
}

.keep-scene {
  grid-column-gap: var(--_hds--spacing---gap--lg);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  height: 220vh;
  display: grid;
}

.keep-scene__pill-text {
  display: block;
}

.keep-scene__text {
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 12rem;
}

.keep-scene__cards {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 12rem;
}

.keep-scene__pile {
  aspect-ratio: 4 / 6;
  zoom: 1.7;
  width: 12rem;
  position: relative;
}

.keep-scene__file {
  transform-origin: 50% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.corner-cut {
  z-index: 3;
  width: var(--_hds--spacing---space--xl);
  aspect-ratio: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.corner-cut.corner-cut--card {
  width: 10%;
  top: 0;
  left: 0;
}

.corner-cut.corner-cut--card-xl {
  width: var(--_hds--spacing---space--lg);
  top: -1px;
  left: -1px;
}

.corner-cut.corner-cut--top-right {
  left: auto;
  right: 0;
}

.corner-cut.corner-cut--bottom-right {
  inset: auto 0 0 auto;
}

.corner-cut.corner-cut--bottom-left {
  top: auto;
  bottom: 0;
}

.corner-cut__fill {
  aspect-ratio: 1;
  background-color: var(--_hds--colors---surface--tertiary);
  width: 141.42%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%)rotate(45deg);
}

.corner-cut__fill.corner-cut__fill--white {
  border-right: 1px solid var(--_hds--colors---border--subtle);
  background-color: var(--_hds--themes---surface--bg);
}

.corner-cut__fill.corner-cut__fill--bg {
  background-color: var(--_hds--themes---surface--bg);
}

.corner-cut__fill.corner-cut__fill--frame {
  border-right: 1px solid var(--_hds--colors---signal-blue--300);
}

.corner-cut__fill.corner-cut__fill--top-right {
  left: auto;
  right: 0;
  transform: translate(50%, -50%)rotate(45deg);
}

.corner-cut__fill.corner-cut__fill--bottom-right {
  inset: auto 0 0 auto;
  transform: translate(50%, 50%)rotate(45deg);
}

.corner-cut__fill.corner-cut__fill--bottom-left {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 50%)rotate(45deg);
}

.corner-cut__fill.corner-cut__fill--primary {
  background-color: var(--_hds--colors---surface--primary);
}

.tile__link {
  color: inherit;
  text-decoration: none;
}

.tile__link:hover {
  text-decoration: underline;
}

.tile__badge {
  top: var(--_hds--spacing---space--lg);
  right: var(--_hds--spacing---space--lg);
  display: flex;
  position: absolute;
}

.u-sr-only {
  white-space: nowrap;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.showcase {
  padding-right: var(--_hds--spacing---space--3xl);
  padding-left: var(--_hds--spacing---space--3xl);
  grid-column-gap: var(--_hds--spacing---gap--lg);
  background-color: var(--_hds--themes---surface--bg);
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  display: grid;
  position: relative;
}

.showcase.showcase--tertiary {
  background-color: var(--_hds--colors---surface--tertiary);
}

.showcase__media {
  top: var(--_hds--spacing---space--4xl);
  padding-top: var(--_hds--spacing---space--3xl);
  padding-bottom: var(--_hds--spacing---space--3xl);
  align-self: start;
  position: sticky;
}

.showcase__screen {
  aspect-ratio: 4 / 3;
  background-color: var(--_hds--colors---surface--overlay);
  position: relative;
  overflow: hidden;
}

.showcase__img {
  transform-origin: 0 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.showcase__notes {
  flex-direction: column;
  display: flex;
}

.showcase__note {
  flex-direction: column;
  justify-content: center;
  max-width: 26rem;
  min-height: 80svh;
  display: flex;
}

.tile__module {
  padding: var(--_hds--spacing---space--sm) var(--_hds--spacing---space--md);
  background-color: var(--_hds--themes---surface--bg);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---graphite-plum--200);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  white-space: nowrap;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.tile__module.tile__module--blue {
  background-color: var(--_hds--colors---signal-blue--25);
  color: var(--_hds--colors---signal-blue--25);
  background-color: var(--_hds--colors---signal-blue--300);
}

.tile__module.tile__module--green {
  background-color: var(--_hds--colors---mint-green--25);
  color: var(--_hds--colors---mint-green--700);
}

.tile__module.tile__module--coral {
  background-color: var(--_hds--colors---coral-red--400);
  color: var(--_hds--colors---coral-red--25);
}

.tile__module.tile__module--violet {
  background-color: var(--_hds--colors---violet-purple--25);
  color: var(--_hds--colors---violet-purple--700);
}

.tile__module.tile__module--neutral {
  background-color: var(--_hds--colors---surface--tertiary);
  color: var(--_hds--colors---graphite-plum--400);
}

.tile__module.glossary__chip {
  margin-top: var(--_hds--spacing---space--sm);
  margin-bottom: 0;
}

.panel {
  padding: var(--_hds--spacing---space--4xl);
  grid-column-gap: var(--_hds--spacing---gap--lg);
  grid-row-gap: var(--_hds--spacing---space--xl);
  background-color: var(--_hds--themes---surface--bg);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  display: grid;
  position: relative;
}

.panel__icon {
  width: var(--_hds--spacing---space--4xl);
  height: var(--_hds--spacing---space--4xl);
  color: var(--_hds--themes---text--brand);
  justify-self: center;
  overflow: visible;
}

.footnotes {
  max-width: var(--_hds--components---typography--paragraph-max-width);
  padding-left: var(--_hds--spacing---space--md);
  margin-top: 0;
  margin-bottom: 0;
}

.footnotes__item {
  margin-bottom: var(--_hds--spacing---space--xs);
}

.pile {
  height: 16rem;
  margin-top: var(--_hds--spacing---space--3xl);
  padding-bottom: var(--_hds--spacing---space--md);
  grid-column-gap: var(--_hds--spacing---space--sm);
  grid-row-gap: var(--_hds--spacing---space--sm);
  flex-wrap: wrap;
  place-content: flex-end center;
  display: flex;
  position: relative;
}

.pill {
  height: 3rem;
  padding-right: var(--_hds--spacing---space--md);
  padding-left: var(--_hds--spacing---space--md);
  grid-column-gap: var(--_hds--spacing---space--sm);
  background-color: var(--_hds--themes---surface--bg);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---graphite-plum--200);
  font-size: var(--_hds--typography---fluid--h6);
  line-height: 1;
  font-weight: var(--_hds--typography---weight--medium);
  text-transform: uppercase;
  white-space: nowrap;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.pill.pill--blue {
  background-color: var(--_hds--colors---signal-blue--25);
  color: var(--_hds--colors---signal-blue--700);
}

.pill.pill--orange {
  background-color: var(--_hds--colors---warm-orange--25);
  color: var(--_hds--colors---warm-orange--700);
}

.pill.pill--green {
  background-color: var(--_hds--colors---mint-green--25);
  color: var(--_hds--colors---mint-green--700);
}

.pill.pill--coral {
  background-color: var(--_hds--colors---coral-red--25);
  color: var(--_hds--colors---coral-red--700);
}

.pill.pill--violet {
  background-color: var(--_hds--colors---violet-purple--25);
  color: var(--_hds--colors---violet-purple--700);
}

.pill__icon {
  flex-shrink: 0;
  width: 1.1em;
  height: 1.1em;
}

.tile__head {
  margin-bottom: var(--_hds--spacing---space--lg);
  grid-column-gap: var(--_hds--spacing---space--sm);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tile__tags {
  grid-column-gap: var(--_hds--spacing---space--xs);
  grid-row-gap: var(--_hds--spacing---space--xs);
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.page--dark {
  background-color: var(--_hds--colors---graphite-plum--100);
}

.expand {
  margin-top: var(--_hds--spacing---space--3xl);
  position: relative;
}

.expand__stage {
  padding-right: var(--_hds--spacing---container--padding);
  padding-left: var(--_hds--spacing---container--padding);
  justify-content: center;
  display: flex;
}

.expand__media {
  aspect-ratio: 16 / 9;
  background-color: var(--_hds--colors---graphite-plum--200);
  width: 100%;
  max-width: 64rem;
  position: relative;
  overflow: hidden;
}

.expand__img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  display: block;
}

.expand__shade {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.market {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.market__name {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---signal-blue--200);
  font-size: var(--_hds--typography---fluid--h1);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.market__text {
  max-width: 34ch;
  margin-top: var(--_hds--spacing---space--lg);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--snug);
  margin-bottom: 0;
}

.key__code {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---signal-blue--200);
  font-size: var(--_hds--typography---fluid--display-2xl);
  line-height: 1;
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  margin-top: 0;
  margin-bottom: 0;
}

.key__label {
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
  margin-top: 0;
  margin-bottom: 0;
}

.keys__note {
  max-width: 60ch;
  margin: var(--_hds--spacing---space--3xl) auto 0px;
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--snug);
  text-align: center;
}

.markets {
  grid-column-gap: var(--_hds--spacing---gap--md);
  grid-row-gap: var(--_hds--spacing---space--2xl);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.keys {
  margin-top: var(--_hds--spacing---space--3xl);
  grid-column-gap: var(--_hds--spacing---gap--md);
  grid-row-gap: var(--_hds--spacing---space--2xl);
  text-align: center;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.key {
  grid-row-gap: var(--_hds--spacing---space--md);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.facts {
  margin-top: var(--_hds--spacing---space--4xl);
  grid-column-gap: var(--_hds--spacing---gap--lg);
  grid-row-gap: var(--_hds--spacing---space--3xl);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.fact {
  grid-row-gap: var(--_hds--spacing---space--md);
  flex-direction: column;
  display: flex;
}

.fact__label {
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
  margin-top: 0;
  margin-bottom: 0;
}

.fact__value {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---signal-blue--200);
  font-size: var(--_hds--typography---fluid--display);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
}

.log {
  grid-row-gap: var(--_hds--spacing---space--xs);
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.log__row {
  padding-top: var(--_hds--spacing---space--xl);
  padding-right: var(--_hds--spacing---space--xl);
  padding-bottom: var(--_hds--spacing---space--xl);
  padding-left: var(--_hds--spacing---space--xl);
  grid-column-gap: var(--_hds--spacing---gap--md);
  background-color: var(--_hds--colors---graphite-plum--300);
  grid-template-columns: 9rem minmax(0, 1fr) 4rem;
  align-items: baseline;
  display: grid;
}

.log__date {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
  margin-top: 0;
  margin-bottom: 0;
}

.log__title {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--h5);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.log__meta {
  margin-top: var(--_hds--spacing---space--sm);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-md);
  margin-bottom: 0;
}

.log__market {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  font-weight: var(--_hds--typography---weight--medium);
  text-align: right;
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.log__main {
  min-width: 0;
}

.copy-note {
  max-width: 60ch;
  margin-top: var(--_hds--spacing---space--xl);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--snug);
  margin-bottom: 0;
}

.text-brand--200 {
  color: var(--_hds--colors---signal-blue--200);
}

.datasheet__table {
  border-collapse: collapse;
  width: 100%;
}

.datasheet__th {
  padding: 0px var(--_hds--spacing---space--lg) var(--_hds--spacing---space--sm) 0px;
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--regular);
  text-align: left;
  letter-spacing: var(--_hds--typography---letterspacing--normal);
  text-transform: none;
  vertical-align: bottom;
}

.datasheet__th.datasheet__th--plan {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
}

.datasheet__row {
  border-top: 1px solid var(--_hds--colors---border--default);
}

.datasheet__key {
  width: 36%;
  padding: var(--_hds--spacing---space--md) var(--_hds--spacing---space--lg) var(--_hds--spacing---space--md) 0px;
  color: var(--_hds--themes---text--secondary);
  font-weight: var(--_hds--typography---weight--regular);
  text-align: left;
  vertical-align: baseline;
}

.datasheet__key.datasheet__key--code {
  font-family: var(--_hds--typography---family--mono);
  font-size: var(--_hds--typography---fluid--body-sm);
}

.datasheet__key.datasheet__key--narrow {
  width: auto;
}

.datasheet__val {
  padding: var(--_hds--spacing---space--md) var(--_hds--spacing---space--lg) var(--_hds--spacing---space--md) 0px;
  color: var(--_hds--themes---text--primary);
  vertical-align: baseline;
}

.datasheet__val:last-child {
  padding-right: 0;
}

.datasheet__jump {
  grid-column-gap: var(--_hds--spacing---space--sm);
  color: inherit;
  align-items: baseline;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

.datasheet__jump-arrow {
  color: var(--_hds--themes---text--tertiary);
}

.datasheet__ref {
  color: var(--_hds--themes---text--brand);
  text-underline-offset: .22em;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.datasheet__ref:hover {
  text-decoration: underline;
}

.datasheet__code {
  font-family: var(--_hds--typography---family--mono);
  font-size: .875em;
}

.datasheet__cols {
  grid-column-gap: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--2xl);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.datasheet__list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.datasheet__item {
  padding-top: var(--_hds--spacing---space--md);
  padding-bottom: var(--_hds--spacing---space--md);
  border-top: 1px solid var(--_hds--colors---border--default);
  color: var(--_hds--themes---text--primary);
}

.datasheet__item.datasheet__item--inverse {
  border-top-color: var(--_hds--colors---signal-blue--100);
  color: var(--_hds--themes---text--inverse);
}

.datasheet__item.datasheet__item--loose {
  padding-top: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--lg);
}

.datasheet__item.datasheet__item--pair {
  padding-top: var(--_hds--spacing---space--md);
  padding-bottom: var(--_hds--spacing---space--md);
  grid-column-gap: var(--_hds--spacing---space--lg);
  grid-template-columns: 11rem minmax(0, 1fr);
  align-items: baseline;
  display: grid;
}

.datasheet__note {
  max-width: var(--_hds--components---typography--paragraph-max-width);
  color: var(--_hds--themes---text--secondary);
  margin-bottom: 0;
}

.datasheet__date {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wider);
  text-transform: uppercase;
  margin-bottom: 0;
}

.datasheet__date-value {
  color: var(--_hds--themes---text--primary);
}

.datasheet__head {
  display: table-header-group;
}

.datasheet__body {
  display: table-row-group;
}

.u-nowrap {
  white-space: nowrap;
}

.subscribe {
  width: 100%;
  max-width: 34rem;
}

.subscribe__label {
  margin-bottom: var(--_hds--spacing---space--sm);
  color: var(--_hds--themes---text--primary);
  font-weight: var(--_hds--typography---weight--regular);
  display: block;
}

.subscribe__row {
  grid-column-gap: var(--_hds--spacing---space--sm);
  grid-row-gap: var(--_hds--spacing---space--sm);
  display: flex;
}

.subscribe__input {
  min-width: 0;
  height: auto;
  padding: var(--_hds--spacing---space--sm) var(--_hds--spacing---space--md);
  border: 1px solid var(--_hds--colors---graphite-plum--500);
  background-color: var(--_hds--themes---surface--bg);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-md);
  border-radius: 0;
  flex: auto;
  margin-bottom: 0;
}

.subscribe__micro {
  margin-top: var(--_hds--spacing---space--sm);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
  margin-bottom: 0;
}

.subscribe__rss {
  color: var(--_hds--themes---text--brand);
  text-underline-offset: .22em;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.filters {
  z-index: 5;
  border-top: 1px solid var(--_hds--colors---border--default);
  background-color: var(--_hds--colors---surface--tertiary);
  position: sticky;
  top: 0;
}

.filters__inner {
  padding-top: var(--_hds--spacing---space--md);
  padding-bottom: var(--_hds--spacing---space--md);
  grid-column-gap: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--sm);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.filters__group {
  grid-column-gap: var(--_hds--spacing---space--xs);
  display: flex;
}

.filters__pill {
  padding: var(--_hds--spacing---space--xs) var(--_hds--spacing---space--sm);
  border: 1px solid var(--_hds--colors---border--default);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
}

.filters__count {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 0;
  margin-left: auto;
}

.filters__count.glossary__count {
  text-align: right;
  min-width: 5rem;
  margin-left: 0;
}

.entry {
  padding-top: var(--_hds--spacing---space--2xl);
  padding-bottom: var(--_hds--spacing---space--2xl);
  grid-column-gap: var(--_hds--spacing---space--3xl);
  grid-row-gap: var(--_hds--spacing---space--lg);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_hds--colors---border--default);
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  display: grid;
}

.entry.entry--page {
  margin-top: var(--_hds--spacing---space--xl);
  border-top-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.entry__meta {
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-row-gap: var(--_hds--spacing---space--sm);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.entry__status {
  white-space: nowrap;
  margin-bottom: 0;
}

.entry__market {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  margin-bottom: 0;
}

.entry__clock {
  margin-top: var(--_hds--spacing---space--md);
  margin-bottom: 0;
}

.entry__clock-label {
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
  margin-bottom: 0;
  display: block;
}

.entry__clock-value {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--h3);
  line-height: var(--_hds--typography---lineheight--tight);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  margin-bottom: 0;
  display: block;
}

.entry__title {
  overflow-wrap: break-word;
}

.entry__link {
  color: inherit;
  text-decoration: none;
}

.entry__text {
  max-width: var(--_hds--components---typography--paragraph-max-width);
  color: var(--_hds--themes---text--secondary);
}

.entry__text.entry__text--lead {
  margin-top: var(--_hds--spacing---space--xl);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-lg);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--semibold);
}

.entry__annexes {
  overflow-wrap: break-word;
}

.entry__links {
  margin-top: var(--_hds--spacing---space--lg);
  grid-column-gap: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--sm);
  flex-wrap: wrap;
  display: flex;
}

.entries__empty {
  padding-top: var(--_hds--spacing---space--2xl);
  padding-bottom: var(--_hds--spacing---space--2xl);
  border-top: 1px solid var(--_hds--colors---border--default);
  color: var(--_hds--themes---text--tertiary);
  margin-bottom: 0;
}

.subscribe__message {
  padding: var(--_hds--spacing---space--md);
  background-color: var(--_hds--colors---signal-blue--25);
  color: var(--_hds--colors---signal-blue--700);
  text-align: center;
}

.subscribe__message.subscribe__message--error {
  margin-top: var(--_hds--spacing---space--sm);
  background-color: var(--_hds--colors---coral-red--25);
  color: var(--_hds--colors---coral-red--700);
}

.entries__none {
  background-color: #0000;
  padding: 0;
}

.subst {
  width: 100%;
}

.subst__row {
  padding-top: var(--_hds--spacing---space--md);
  padding-bottom: var(--_hds--spacing---space--md);
  grid-column-gap: var(--_hds--spacing---space--lg);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_hds--colors---border--default);
  grid-template-columns: minmax(0, 2fr) minmax(0, .9fr) minmax(0, .7fr) minmax(0, 1.4fr);
  align-items: baseline;
  display: grid;
}

.subst__row.subst__row--head {
  border-top-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.subst__cell {
  color: var(--_hds--themes---text--primary);
  overflow-wrap: break-word;
  margin-bottom: 0;
}

.subst__cell.subst__cell--code {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
}

.subst__old {
  color: var(--_hds--themes---text--tertiary);
  margin-bottom: 0;
  display: inline;
}

.subst__new {
  margin-bottom: 0;
  display: inline;
}

.plans {
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-row-gap: var(--_hds--spacing---space--md);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.plan {
  background-color: var(--_hds--colors---neutral--0);
  flex-direction: column;
  display: flex;
  position: relative;
}

.plan.plan--wide {
  grid-column: 1 / -1;
}

.plan.plan--band {
  padding: var(--_hds--spacing---space--lg) var(--_hds--spacing---space--xl);
  flex-flow: wrap;
  grid-column: 1 / -1;
  align-items: center;
  gap: .5rem 1.5rem;
  display: flex;
}

.plan.plan--tier {
  padding: var(--_hds--spacing---space--2xl) var(--_hds--spacing---space--xl);
}

.plan.plan--free {
  padding-top: var(--_hds--spacing---space--xl);
  padding-right: var(--_hds--spacing---space--xl);
  padding-bottom: var(--_hds--spacing---space--xl);
  padding-left: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--lg);
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  display: grid;
}

.plan.plan--enterprise {
  padding: var(--_hds--spacing---space--2xl) var(--_hds--spacing---space--xl);
  background-color: var(--_hds--colors---surface--dark);
  color: var(--_hds--themes---text--primary);
  --_hds--themes---text--inverse: #161519;
  --_hds--themes---text--tertiary: var(--_hds--colors---graphite-plum--500);
  --_hds--themes---text--brand: var(--_hds--colors---signal-blue--100);
  --_hds--themes---text--subtle-inverse: #fff9;
  --_hds--themes---text--secondary-inverse: #ffffffd1;
  --_hds--themes---text--muted-inverse: #ffffffb3;
  --_hds--themes---text--secondary: var(--_hds--colors---graphite-plum--600);
  --_hds--themes---text--primary: var(--_hds--colors---graphite-plum--700);
  --_hds--themes---surface--bg: var(--_hds--colors---surface--dark);
  --_hds--themes---btn-ghost--bg: transparent;
  --_hds--themes---btn-primary--bg-hover: #463aed;
  --_hds--themes---btn-secondary--bg: transparent;
  --_hds--themes---btn-ghost--border: transparent;
  --_hds--themes---btn-primary--text: #fff;
  --_hds--themes---btn-primary--bg: #4b6bfa;
  --_hds--themes---btn-primary--border: #4b6bfa;
  --_hds--themes---btn-ghost--bg-hover: var(--_hds--colors---graphite-plum--200);
  --_hds--themes---btn-ghost--text: var(--_hds--colors---neutral--100);
  --_hds--themes---btn-ghost--text-hover: var(--_hds--colors---graphite-plum--600);
  --_hds--themes---btn-secondary--bg-hover: var(--_hds--colors---signal-blue--700);
  --_hds--themes---btn-secondary--border: var(--_hds--colors---signal-blue--200);
  --_hds--themes---btn-secondary--text: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-primary--border: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-primary--bg: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-primary--text: var(--_hds--colors---signal-blue--25);
  --_hds--buttons---btn-primary--border-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-primary--bg-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-primary--text-hover: var(--_hds--colors---signal-blue--25);
  --_hds--buttons---btn-secondary--border: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-secondary--bg: transparent;
  --_hds--buttons---btn-secondary--text: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-secondary--border-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-secondary--bg-hover: #141043;
  --_hds--buttons---btn-secondary--text-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-ghost--border: var(--_hds--colors---text--inverse);
  --_hds--buttons---btn-ghost--bg: transparent;
  --_hds--buttons---btn-ghost--text: var(--_hds--colors---graphite-plum--700);
  --_hds--buttons---btn-ghost--border-hover: var(--_hds--colors---graphite-plum--700);
  --_hds--buttons---btn-ghost--bg-hover: var(--_hds--colors---graphite-plum--700);
  --_hds--buttons---btn-ghost--text-hover: var(--_hds--colors---graphite-plum--200);
  background-image: url('/images/alphabet-vault.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 40vw;
  overflow: hidden;
}

.plan__name {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---signal-blue--300);
  font-size: var(--_hds--typography---fluid--h4);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.plan__name.plan__name--on-dark {
  color: #fff;
}

.plan__price {
  flex-wrap: nowrap;
  align-items: baseline;
  display: flex;
}

.plan__price.plan__price--band {
  display: none;
}

.plan__amount {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--h1);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
}

.plan__per {
  min-width: 0;
  margin-left: var(--_hds--spacing---space--sm);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: 1;
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wider);
  text-transform: uppercase;
}

.plan__who {
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  color: inherit;
  flex-grow: 1;
}

.plan__who.plan__who--flush {
  text-indent: 0;
  margin-left: 0;
  padding-left: 0 !important;
}

.plan__actions {
  margin-top: var(--_hds--spacing---space--lg);
  flex-direction: column;
  display: flex;
  position: relative;
}

.plan__note {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---signal-blue--300);
  font-size: var(--_hds--typography---fluid--body-xsm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wider);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.plan__list {
  padding: 0px var(--_hds--spacing---space--lg) var(--_hds--spacing---space--3xl);
  grid-row-gap: var(--_hds--spacing---space--md);
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
}

.plan__list.plan__list--band {
  display: contents;
}

.plan__item {
  grid-column-gap: var(--_hds--spacing---space--sm);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  align-items: center;
  display: flex;
}

.plan__item.plan__item--off {
  color: var(--_hds--themes---text--secondary);
}

.compare {
  background-color: var(--_hds--colors---neutral--0);
  width: 100%;
}

.compare.mt-md {
  margin-top: var(--_hds--spacing---space--md);
}

.billing {
  justify-content: center;
  display: flex;
}

.billing__track {
  padding-top: var(--_hds--spacing---space--xs);
  padding-right: var(--_hds--spacing---space--xs);
  padding-bottom: var(--_hds--spacing---space--xs);
  padding-left: var(--_hds--spacing---space--xs);
  background-color: var(--_hds--colors---neutral--0);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: inline-grid;
  position: relative;
}

.billing__track.versus__track {
  grid-template-columns: repeat(4, auto);
}

.billing__thumb {
  left: 0;
  top: var(--_hds--spacing---space--xs);
  bottom: var(--_hds--spacing---space--xs);
  background-color: var(--_hds--colors---signal-blue--300);
  opacity: 0;
  width: 0;
  position: absolute;
}

.billing__opt {
  z-index: 1;
  padding: var(--_hds--spacing---space--sm) var(--_hds--spacing---space--lg);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.billing__opt.is--active {
  background-color: var(--_hds--colors---signal-blue--300);
  color: var(--_hds--colors---neutral--0);
}

.plan__parts {
  grid-row-gap: var(--_hds--spacing---space--xl);
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.plan__part {
  padding-right: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--lg);
  padding-left: var(--_hds--spacing---space--lg);
}

.plan__part.is--border-bottom {
  border-bottom: 1px solid var(--_hds--colors---border--default);
}

.plan__part-label {
  margin-top: 0;
  margin-bottom: var(--_hds--spacing---space--sm);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--brand);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wider);
  text-transform: uppercase;
}

.plan__link {
  color: var(--_hds--themes---text--brand);
  text-underline-offset: .15em;
  text-decoration: underline;
}

.plan__body {
  padding: 0px var(--_hds--spacing---space--lg) var(--_hds--spacing---space--xl);
}

.plan__body.plan__body--band {
  display: contents;
}

.plan__bill {
  margin-top: var(--_hds--spacing---space--sm);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  margin-bottom: 0;
}

.plan__bill.plan__bill--on-dark {
  color: #b9b9b9;
}

.plan__bill.plan__bill--strong {
  color: var(--_hds--themes---text--primary);
  margin-top: 0;
}

.flood-btn {
  background-color: var(--_hds--colors---signal-blue--300);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---neutral--0);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.flood-btn.talk__submit {
  cursor: pointer;
  border-style: none;
  min-width: 12rem;
  padding: 0;
  display: inline-flex;
}

.flood-btn.flood-btn--line {
  color: var(--_hds--themes---text--primary);
  background-color: #0000;
}

.flood-btn__fill {
  background-color: var(--_hds--themes---text--primary);
  pointer-events: none;
  color: var(--_hds--themes---text--inverse);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.plan__mark {
  color: var(--_hds--colors---signal-blue--300);
  flex-shrink: 0;
  display: inline-flex;
}

.plan__mark.plan__mark--off {
  color: var(--_hds--themes---text--tertiary);
}

.plan__mark-icon {
  width: var(--_hds--spacing---space--md);
  height: var(--_hds--spacing---space--md);
}

.plan__label {
  flex-grow: 1;
  min-width: 0;
}

.plan__item-r {
  grid-column-gap: var(--_hds--spacing---space--sm);
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.tip {
  flex-shrink: 0;
  display: inline-flex;
  position: relative;
}

.tip__btn {
  color: var(--_hds--themes---text--tertiary);
  cursor: help;
  align-items: center;
  display: inline-flex;
}

.tip__icon {
  width: var(--_hds--spacing---space--md);
  height: var(--_hds--spacing---space--md);
}

.tip__box {
  z-index: 30;
  width: 16rem;
  margin-bottom: var(--_hds--spacing---space--sm);
  padding-top: var(--_hds--spacing---space--sm);
  padding-right: var(--_hds--spacing---space--md);
  padding-bottom: var(--_hds--spacing---space--sm);
  padding-left: var(--_hds--spacing---space--md);
  background-color: var(--_hds--themes---text--primary);
  opacity: 0;
  pointer-events: none;
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--colors---neutral--0);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--regular);
  text-align: left;
  visibility: hidden;
  position: absolute;
  bottom: 100%;
  right: 0;
}

.compare__toggle {
  padding: var(--_hds--spacing---space--lg);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--brand);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  list-style-type: none;
  display: flex;
}

.compare__panel {
  padding: 0px var(--_hds--spacing---space--lg) var(--_hds--spacing---space--lg);
}

.datasheet__hint {
  margin-top: var(--_hds--spacing---space--xs);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  display: block;
}

.compare__add {
  grid-column-gap: var(--_hds--spacing---space--sm);
  align-items: center;
  display: inline-flex;
}

.compare__none {
  color: var(--_hds--themes---text--tertiary);
}

.glossary__index {
  margin-right: auto;
  display: flex;
}

.glossary__index-letter {
  width: var(--_hds--spacing---space--lg);
  height: var(--_hds--spacing---space--xl);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: 1;
  font-weight: var(--_hds--typography---weight--medium);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.glossary__index-letter.is--empty {
  color: var(--_hds--colors---border--default);
}

.glossary__search {
  flex: 0 20rem;
  align-items: center;
  min-width: 10rem;
  display: flex;
  position: relative;
}

.glossary__group {
  padding-top: var(--_hds--spacing---space--3xl);
  padding-bottom: var(--_hds--spacing---space--3xl);
  grid-column-gap: var(--_hds--spacing---space--3xl);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_hds--colors---border--default);
  grid-template-columns: 6rem minmax(0, 1fr);
  display: grid;
}

.glossary__letter {
  top: var(--_hds--spacing---space--4xl);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--display-2xl);
  line-height: 1;
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: 0;
  align-self: start;
  margin: 0;
  position: sticky;
}

.glossary__entries {
  grid-row-gap: var(--_hds--spacing---space--3xl);
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
}

.glossary__entry {
  grid-column-gap: var(--_hds--spacing---space--3xl);
  grid-row-gap: var(--_hds--spacing---space--md);
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  align-items: baseline;
  display: grid;
}

.glossary__name {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.glossary__term {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--h5);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
  text-transform: uppercase;
  margin: 0;
}

.glossary__anchor {
  color: inherit;
  text-decoration: none;
}

.glossary__expansion {
  margin: var(--_hds--spacing---space--xs) 0px 0px;
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
}

.glossary__langs {
  margin: var(--_hds--spacing---space--md) 0px 0px;
  grid-row-gap: var(--_hds--spacing---space--xs);
  padding: 0;
  list-style-type: none;
  display: grid;
}

.glossary__lang {
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: baseline;
  display: grid;
}

.glossary__lang-code {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
}

.glossary__note {
  margin: var(--_hds--spacing---space--md) 0px 0px;
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
}

.glossary__def {
  max-width: var(--_hds--components---typography--paragraph-max-width);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--relaxed);
  font-weight: var(--_hds--typography---weight--regular);
  margin: 0;
}

.glossary__lead {
  color: var(--_hds--themes---text--primary);
}

.glossary__ref {
  color: inherit;
  text-underline-offset: .22em;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_hds--colors---graphite-plum--500);
  text-decoration-color: var(--_hds--colors---graphite-plum--500);
  text-decoration-thickness: 1px;
}

.glossary__meta {
  margin: var(--_hds--spacing---space--lg) 0px 0px;
  grid-row-gap: var(--_hds--spacing---space--sm);
  display: grid;
}

.glossary__row {
  grid-column-gap: var(--_hds--spacing---space--lg);
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  align-items: baseline;
  display: grid;
}

.glossary__key {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  margin: 0;
}

.glossary__val {
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  margin: 0;
}

.glossary__link {
  color: var(--_hds--themes---text--primary);
  text-underline-offset: .22em;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_hds--colors---border--default);
  text-decoration-color: var(--_hds--colors---border--default);
  text-decoration-thickness: 1px;
}

.glossary__ext, .glossary__aside, .glossary__sep {
  color: var(--_hds--themes---text--tertiary);
}

.datasheet__title {
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--h5);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--semibold);
  letter-spacing: var(--_hds--typography---letterspacing--normal);
  text-transform: none;
  align-items: baseline;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.datasheet__num {
  width: var(--_hds--spacing---space--xl);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
  text-transform: none;
  font-variant-numeric: tabular-nums;
  flex: none;
}

.datasheet__num.datasheet__num--primary {
  color: var(--_hds--themes---text--primary);
}

.datasheet__text {
  margin-top: var(--_hds--spacing---space--sm);
  padding-left: var(--_hds--spacing---space--xl);
  color: var(--_hds--themes---text--primary);
}

.datasheet__text.datasheet__text--flush {
  margin-top: var(--_hds--spacing---space--md);
  padding-left: 0;
}

.equation {
  grid-column-gap: var(--_hds--spacing---space--lg);
  grid-row-gap: var(--_hds--spacing---space--md);
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: baseline;
  display: grid;
}

.equation__sym {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--display);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  text-underline-offset: .14em;
}

.equation__sym.equation__sym--lead {
  grid-column-start: 2;
}

.equation__op {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--display);
  line-height: var(--_hds--typography---lineheight--tight);
}

.equation__label {
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
}

.law-quote {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.law-quote__text {
  padding: 0px 0px 0px var(--_hds--spacing---space--xl);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--relaxed);
  border-left-style: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.law-quote__mark {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--h3);
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.law-quote__link {
  color: inherit;
  text-decoration: none;
  transition: color .15s;
}

.law-quote__link:hover {
  color: var(--_hds--themes---text--brand);
}

.datasheet__pair-key {
  margin-bottom: var(--_hds--spacing---space--xs);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--regular);
}

.datasheet__pair-val {
  color: var(--_hds--themes---text--primary);
  margin: 0;
}

.datasheet__line-text {
  color: var(--_hds--themes---text--primary);
  align-items: baseline;
  margin: 0;
  display: flex;
}

.guide-cards {
  grid-row-gap: var(--_hds--spacing---space--md);
  display: grid;
}

.guide-cards.guide-cards--pair {
  grid-column-gap: var(--_hds--spacing---space--md);
}

.guide-cards.guide-cards--two {
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.guide-cards.guide-cards--three {
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.guide-card {
  padding: var(--_hds--spacing---space--2xl) var(--_hds--spacing---space--xl);
  background-color: var(--_hds--themes---surface--bg);
  flex-direction: column;
  display: flex;
  position: relative;
}

.guide-card.guide-card--dark {
  background-color: var(--_hds--colors---graphite-plum--300);
  color: var(--_hds--themes---text--primary);
  --_hds--themes---text--inverse: #161519;
  --_hds--themes---text--tertiary: var(--_hds--colors---graphite-plum--500);
  --_hds--themes---text--brand: var(--_hds--colors---signal-blue--100);
  --_hds--themes---text--subtle-inverse: #fff9;
  --_hds--themes---text--secondary-inverse: #ffffffd1;
  --_hds--themes---text--muted-inverse: #ffffffb3;
  --_hds--themes---text--secondary: var(--_hds--colors---graphite-plum--600);
  --_hds--themes---text--primary: var(--_hds--colors---graphite-plum--700);
  --_hds--themes---surface--bg: var(--_hds--colors---surface--dark);
  --_hds--themes---btn-ghost--bg: transparent;
  --_hds--themes---btn-primary--bg-hover: #463aed;
  --_hds--themes---btn-secondary--bg: transparent;
  --_hds--themes---btn-ghost--border: transparent;
  --_hds--themes---btn-primary--text: #fff;
  --_hds--themes---btn-primary--bg: #4b6bfa;
  --_hds--themes---btn-primary--border: #4b6bfa;
  --_hds--themes---btn-ghost--bg-hover: var(--_hds--colors---graphite-plum--200);
  --_hds--themes---btn-ghost--text: var(--_hds--colors---neutral--100);
  --_hds--themes---btn-ghost--text-hover: var(--_hds--colors---graphite-plum--600);
  --_hds--themes---btn-secondary--bg-hover: var(--_hds--colors---signal-blue--700);
  --_hds--themes---btn-secondary--border: var(--_hds--colors---signal-blue--200);
  --_hds--themes---btn-secondary--text: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-primary--border: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-primary--bg: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-primary--text: var(--_hds--colors---signal-blue--25);
  --_hds--buttons---btn-primary--border-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-primary--bg-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-primary--text-hover: var(--_hds--colors---signal-blue--25);
  --_hds--buttons---btn-secondary--border: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-secondary--bg: transparent;
  --_hds--buttons---btn-secondary--text: var(--_hds--colors---signal-blue--200);
  --_hds--buttons---btn-secondary--border-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-secondary--bg-hover: #141043;
  --_hds--buttons---btn-secondary--text-hover: var(--_hds--colors---signal-blue--300);
  --_hds--buttons---btn-ghost--border: var(--_hds--colors---text--inverse);
  --_hds--buttons---btn-ghost--bg: transparent;
  --_hds--buttons---btn-ghost--text: var(--_hds--colors---graphite-plum--700);
  --_hds--buttons---btn-ghost--border-hover: var(--_hds--colors---graphite-plum--700);
  --_hds--buttons---btn-ghost--bg-hover: var(--_hds--colors---graphite-plum--700);
  --_hds--buttons---btn-ghost--text-hover: var(--_hds--colors---graphite-plum--200);
}

.guide-card.guide-card--link {
  color: inherit;
  text-decoration: none;
}

.guide-card__head {
  margin-bottom: var(--_hds--spacing---space--2xl);
  grid-column-gap: var(--_hds--spacing---space--md);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.guide-card__tags {
  grid-column-gap: var(--_hds--spacing---space--sm);
  flex: none;
  align-items: center;
  display: flex;
}

.guide-card__text {
  max-width: var(--_hds--components---typography--paragraph-max-width);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--h4);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--semibold);
  margin-top: 0;
  margin-bottom: 0;
}

.guide-card__meta {
  margin-top: var(--_hds--spacing---space--2xl);
  grid-column-gap: var(--_hds--spacing---space--sm);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--medium);
  text-align: left;
  letter-spacing: var(--_hds--typography---letterspacing--wider);
  text-transform: uppercase;
  flex-wrap: wrap;
  margin-bottom: 0;
  display: flex;
}

.guide-card__meta.guide-card__meta--foot {
  padding-top: var(--_hds--spacing---space--2xl);
  margin-top: auto;
}

.guide-card__meta-key {
  color: var(--_hds--themes---text--tertiary);
}

.guide-card__go {
  width: var(--_hds--spacing---space--lg);
  height: var(--_hds--spacing---space--lg);
  color: var(--_hds--themes---text--secondary);
  display: flex;
  position: relative;
  overflow: hidden;
}

.guide-card__go-icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.guide-bento {
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-row-gap: var(--_hds--spacing---space--md);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.guide-card__bar {
  margin-bottom: var(--_hds--spacing---space--2xl);
  grid-column-gap: var(--_hds--spacing---space--md);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.guide-card__num {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-sm);
  font-variant-numeric: tabular-nums;
}

.guide-card__title {
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--h5);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--semibold);
  letter-spacing: var(--_hds--typography---letterspacing--normal);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
}

.guide-card__pairs {
  padding-top: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--md);
  margin-top: auto;
  margin-bottom: 0;
  display: grid;
}

.guide-wide {
  padding-top: var(--_hds--spacing---section--md);
  padding-bottom: var(--_hds--spacing---section--md);
  border-top: 1px solid var(--_hds--colors---border--default);
}

.guide-wide.guide-wide--end {
  padding-bottom: 0;
}

.guide-card__foot {
  padding-top: var(--_hds--spacing---space--3xl);
  grid-column-gap: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--sm);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
  display: flex;
}

.guide-card__summary {
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  flex: 0 50%;
  margin: 0;
}

.breadcrumb {
  margin-bottom: var(--_hds--spacing---space--xl);
}

.breadcrumb__list {
  grid-column-gap: var(--_hds--spacing---space--sm);
  grid-row-gap: var(--_hds--spacing---space--xs);
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.breadcrumb__item {
  grid-column-gap: var(--_hds--spacing---space--sm);
  align-items: baseline;
  display: flex;
}

.breadcrumb__link {
  color: var(--_hds--themes---text--secondary);
  text-decoration: none;
  transition: color .15s;
}

.breadcrumb__link:hover {
  color: var(--_hds--themes---text--primary);
}

.breadcrumb__sep {
  color: var(--_hds--themes---text--tertiary);
}

.skip-link {
  left: var(--_hds--spacing---space--lg);
  z-index: 1000;
  padding: var(--_hds--spacing---space--sm) var(--_hds--spacing---space--md);
  background-color: var(--_hds--colors---signal-blue--300);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--colors---neutral--0);
  font-size: var(--_hds--typography---fluid--body-sm);
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  position: absolute;
  top: -10rem;
}

.skip-link:focus {
  top: var(--_hds--spacing---space--sm);
}

.talk__form {
  grid-column-gap: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--3xl);
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  margin: 0;
  display: grid;
}

.topics {
  border-style: none;
  align-self: stretch;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.talk__panel {
  min-width: 0;
  padding: var(--_hds--spacing---space--2xl) var(--_hds--spacing---space--xl);
  background-color: var(--_hds--colors---neutral--0);
  align-self: start;
}

.topics__change {
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  padding: 0;
}

.pick {
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.pick.pick--stack {
  top: var(--_hds--spacing---space--4xl);
  flex-flow: column;
  position: sticky;
}

.pick.pick--field {
  grid-column-gap: var(--_hds--spacing---space--sm);
  grid-row-gap: var(--_hds--spacing---space--sm);
}

.pick.pick__layer {
  pointer-events: none;
  background-color: #0000;
  margin: 0;
  position: absolute;
}

.pick__opt {
  z-index: 1;
  padding-top: var(--_hds--spacing---space--sm);
  padding-right: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--sm);
  padding-left: var(--_hds--spacing---space--lg);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  flex-direction: column;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  transition: color .2s;
  display: flex;
  position: relative;
}

.pick__opt.topic {
  padding: var(--_hds--spacing---space--md) var(--_hds--spacing---space--lg);
  border-top: 1px solid var(--_hds--colors---border--default);
  text-align: left;
  white-space: normal;
  flex-grow: 0;
  align-items: flex-start;
}

.pick__opt.topic:first-child {
  border-top-color: #0000;
}

.pick__opt.pick__opt--box {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_hds--colors---border--default);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_hds--colors---border--default);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_hds--colors---border--default);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_hds--colors---border--default);
  background-color: var(--_hds--colors---neutral--0);
  flex: none;
  transition: color .2s, border-color .2s;
}

.pick__opt.pick__opt--box:hover {
  border-color: var(--_hds--themes---text--secondary);
}

.pick__input {
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  position: absolute;
  overflow: hidden;
}

.topic__title {
  font-family: var(--_hds--typography---family--sans);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--semibold);
  display: block;
}

.toggles {
  grid-column-gap: var(--_hds--spacing---space--sm);
  grid-row-gap: var(--_hds--spacing---space--sm);
  flex-wrap: wrap;
  display: flex;
}

.toggle {
  padding-top: var(--_hds--spacing---space--sm);
  padding-right: var(--_hds--spacing---space--md);
  padding-bottom: var(--_hds--spacing---space--sm);
  padding-left: var(--_hds--spacing---space--md);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_hds--colors---border--default);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_hds--colors---border--default);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_hds--colors---border--default);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_hds--colors---border--default);
  background-color: var(--_hds--colors---neutral--0);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
  cursor: pointer;
  align-items: center;
  margin-bottom: 0;
  transition: border-color .2s, color .2s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.toggle:hover {
  border-color: var(--_hds--themes---text--secondary);
}

.talk__fields {
  grid-row-gap: var(--_hds--spacing---space--2xl);
  display: grid;
}

.talk__group, .talk__block {
  grid-row-gap: var(--_hds--spacing---space--xl);
  display: grid;
}

.field {
  border-style: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.field__row {
  grid-column-gap: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--xl);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.field__label {
  margin-bottom: var(--_hds--spacing---space--md);
  grid-column-gap: var(--_hds--spacing---space--sm);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--semibold);
  flex-wrap: wrap;
  align-items: baseline;
  padding: 0;
  display: flex;
}

.field__opt {
  color: var(--_hds--themes---text--secondary);
  font-weight: var(--_hds--typography---weight--regular);
}

.field__line {
  display: block;
  position: relative;
}

.field__input {
  width: 100%;
  height: auto;
  padding: var(--_hds--spacing---space--sm) 0px;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_hds--colors---graphite-plum--500);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--regular);
  background-color: #0000;
  border-radius: 0;
  margin: 0;
  display: block;
}

.field__input:focus {
  outline-style: none;
}

.field__input.field__input--area {
  resize: none;
  min-height: 0;
  overflow: hidden;
}

.field__hint {
  margin-top: var(--_hds--spacing---space--sm);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  margin-bottom: 0;
}

.field__error {
  margin-top: var(--_hds--spacing---space--sm);
  color: var(--_hds--colors---coral-red--500);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  margin-bottom: 0;
}

.field__note {
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--semibold);
  margin: 0;
}

.talk__send {
  margin-top: var(--_hds--spacing---space--2xl);
  grid-column-gap: var(--_hds--spacing---space--lg);
  grid-row-gap: var(--_hds--spacing---space--md);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.talk__micro {
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  margin: 0;
}

.talk__trap {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

.copy {
  margin-left: var(--_hds--spacing---space--sm);
  grid-column-gap: var(--_hds--spacing---space--xs);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--brand);
  font-size: var(--_hds--typography---fluid--body-xsm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wider);
  text-transform: uppercase;
  vertical-align: middle;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.copy__icon {
  flex: none;
  width: 1.15em;
  height: 1.15em;
}

.copy__icon.copy__icon--copy {
  display: block;
}

.copy__icon.copy__icon--done {
  display: none;
}

.talk__done {
  max-width: 50rem;
  padding: var(--_hds--spacing---space--2xl) var(--_hds--spacing---space--xl);
  background-color: var(--_hds--colors---neutral--0);
  text-align: left;
}

.talk__ref {
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  margin-bottom: 0;
}

.talk__summary {
  grid-row-gap: var(--_hds--spacing---space--sm);
  margin-bottom: 0;
  display: grid;
}

.talk__fail {
  margin-top: var(--_hds--spacing---space--md);
  padding: var(--_hds--spacing---space--md) var(--_hds--spacing---space--lg);
  background-color: var(--_hds--colors---neutral--0);
  color: var(--_hds--colors---coral-red--500);
}

.audience__action {
  justify-self: start;
}

.where__table {
  width: 100%;
}

.toggle__text, .copy__text, .versus {
  position: relative;
}

.versus__legend {
  margin: 0px 0px var(--_hds--spacing---space--lg);
  grid-column-gap: var(--_hds--spacing---space--xl);
  grid-row-gap: var(--_hds--spacing---space--sm);
  flex-wrap: wrap;
  padding: 0;
  list-style-type: none;
  display: flex;
}

.versus__legend-item {
  grid-column-gap: var(--_hds--spacing---space--sm);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  align-items: baseline;
  display: flex;
}

.versus__mark {
  box-sizing: border-box;
  border-radius: 50%;
  flex-shrink: 0;
  width: .75rem;
  height: .75rem;
  display: inline-block;
}

.versus__mark.versus__mark--yes {
  background-color: var(--_hds--themes---text--primary);
}

.versus__mark.versus__mark--part {
  border: 1.5px solid var(--_hds--themes---text--primary);
}

.versus__mark.versus__mark--none {
  border: 1.5px solid var(--_hds--themes---text--tertiary);
}

.versus__mark.versus__mark--inline {
  margin-left: .1em;
  margin-right: .1em;
}

.versus__table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}

.versus__corner {
  background-color: var(--_hds--colors---surface--tertiary);
  width: 40%;
  padding: 0;
}

.versus__tool {
  padding: var(--_hds--spacing---space--lg) var(--_hds--spacing---space--md) var(--_hds--spacing---space--md);
  background-color: var(--_hds--colors---surface--tertiary);
  font-weight: var(--_hds--typography---weight--regular);
  text-align: left;
  vertical-align: bottom;
  position: relative;
}

.versus__tool.versus__tool--ours {
  background-color: var(--_hds--themes---surface--bg);
}

.versus__tool-name {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  display: block;
}

.versus__reg {
  font-size: .75em;
}

.versus__checked {
  display: block;
}

.versus__group {
  padding: var(--_hds--spacing---space--2xl) 0px var(--_hds--spacing---space--sm);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
  text-align: left;
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  vertical-align: bottom;
}

.versus__group.versus__group--first {
  padding-top: var(--_hds--spacing---space--xl);
}

.versus__gap {
  padding: 0;
}

.versus__gap.versus__gap--ours {
  background-color: var(--_hds--themes---surface--bg);
}

.versus__q {
  padding: var(--_hds--spacing---space--md) var(--_hds--spacing---space--lg) var(--_hds--spacing---space--md) 0px;
  border-top: 1px solid var(--_hds--colors---border--default);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--semibold);
  text-align: left;
  vertical-align: baseline;
}

.versus__q.versus__q--foot {
  padding-top: var(--_hds--spacing---space--lg);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
}

.versus__cell {
  padding: var(--_hds--spacing---space--md);
  border-top: 1px solid var(--_hds--colors---border--default);
  vertical-align: baseline;
}

.versus__cell.versus__cell--ours {
  background-color: var(--_hds--themes---surface--bg);
}

.versus__cell.versus__cell--foot {
  padding-top: var(--_hds--spacing---space--lg);
  padding-bottom: var(--_hds--spacing---space--lg);
}

.versus__val {
  grid-column-gap: var(--_hds--spacing---space--sm);
  grid-template-columns: .75rem minmax(0, 1fr);
  align-items: baseline;
  display: grid;
}

.versus__note {
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
}

.versus__text {
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  display: block;
}

.versus__text.versus__text--md {
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--normal);
}

.versus__plan {
  margin-top: var(--_hds--spacing---space--xs);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  display: block;
}

.versus__sources {
  margin-top: var(--_hds--spacing---space--3xl);
}

.versus__sources-title {
  margin-top: 0;
  margin-bottom: var(--_hds--spacing---space--sm);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
}

.versus__src-row {
  padding-top: var(--_hds--spacing---space--md);
  padding-bottom: var(--_hds--spacing---space--md);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_hds--colors---border--default);
  grid-template-columns: 40% minmax(0, 1fr);
  display: grid;
}

.versus__src-name {
  padding-right: var(--_hds--spacing---space--lg);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.versus__src-list {
  grid-column-gap: var(--_hds--spacing---space--lg);
  column-count: 2;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.versus__src-item {
  padding-bottom: var(--_hds--spacing---space--xs);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  break-inside: avoid;
}

.versus__src-url {
  overflow-wrap: anywhere;
  -webkit-user-select: all;
  user-select: all;
}

.versus__claim {
  color: var(--_hds--themes---text--primary);
  display: block;
}

.versus__claim-src {
  margin-top: var(--_hds--spacing---space--xs);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  display: block;
}

.versus__claim-url {
  overflow-wrap: anywhere;
  -webkit-user-select: all;
  user-select: all;
}

.versus__correction {
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  margin-bottom: 0;
}

.versus__picker {
  margin-bottom: var(--_hds--spacing---space--xl);
}

.versus__picker-label {
  margin-top: 0;
  margin-bottom: var(--_hds--spacing---space--sm);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
}

.roadmap__intro {
  margin-bottom: var(--_hds--spacing---space--3xl);
  grid-column-gap: var(--_hds--spacing---space--3xl);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  display: grid;
}

.roadmap__title {
  margin-top: 0;
  margin-bottom: 0;
}

.roadmap__track {
  z-index: 6;
  padding-top: var(--_hds--spacing---space--md);
  background-color: var(--_hds--colors---graphite-plum--100);
  position: sticky;
  top: 0;
}

.roadmap__line {
  background-color: var(--_hds--colors---graphite-plum--300);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.roadmap__line-fill {
  background-color: var(--_hds--colors---graphite-plum--600);
  transform-origin: 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
}

.roadmap__ticks {
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.roadmap__tick-item {
  padding-top: var(--_hds--spacing---space--lg);
  position: relative;
}

.roadmap__seg {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wider);
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
}

.roadmap__seg.is--current {
  color: var(--_hds--themes---text--primary);
}

.roadmap__tick {
  height: var(--_hds--spacing---space--lg);
  color: var(--_hds--colors---graphite-plum--400);
  text-decoration: none;
  display: block;
  position: relative;
}

.roadmap__tick.is--passed {
  color: var(--_hds--colors---graphite-plum--600);
}

.roadmap__tick.is--current {
  color: var(--_hds--colors---signal-blue--100);
}

.roadmap__tick-bar {
  width: 0;
  height: var(--_hds--spacing---space--md);
  border-left: 2px solid;
  position: absolute;
  bottom: 0;
  left: 0;
}

.roadmap__group {
  padding-top: var(--_hds--spacing---section--md);
  padding-bottom: var(--_hds--spacing---section--md);
  grid-column-gap: var(--_hds--spacing---space--3xl);
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  align-items: start;
  display: grid;
}

.roadmap__head {
  position: sticky;
  top: 10rem;
}

.roadmap__state {
  margin-top: 0;
  margin-bottom: 0;
}

.roadmap__def {
  margin-top: var(--_hds--spacing---space--sm);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--normal);
  margin-bottom: 0;
}

.roadmap__rows {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.roadmap__row {
  padding-top: var(--_hds--spacing---space--xl);
  padding-bottom: var(--_hds--spacing---space--xl);
  border-top: 1px solid var(--_hds--colors---graphite-plum--300);
}

.roadmap__name {
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--h4);
  line-height: var(--_hds--typography---lineheight--snug);
  font-weight: var(--_hds--typography---weight--semibold);
  letter-spacing: var(--_hds--typography---letterspacing--normal);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
}

.roadmap__text {
  margin-top: var(--_hds--spacing---space--sm);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--normal);
  margin-bottom: 0;
}

.roadmap__meta {
  margin-top: var(--_hds--spacing---space--md);
  grid-column-gap: var(--_hds--spacing---space--lg);
  grid-row-gap: var(--_hds--spacing---space--sm);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wider);
  text-transform: uppercase;
  flex-wrap: wrap;
  margin-bottom: 0;
  display: flex;
}

.roadmap__module {
  grid-column-gap: var(--_hds--spacing---space--sm);
  color: inherit;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.roadmap__module:hover {
  color: var(--_hds--themes---text--primary);
}

.roadmap__ai {
  grid-column-gap: var(--_hds--spacing---space--sm);
  color: inherit;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.roadmap__swatch {
  width: var(--_hds--spacing---space--sm);
  height: var(--_hds--spacing---space--sm);
  background-color: var(--_hds--colors---graphite-plum--500);
  flex: none;
}

.roadmap__swatch.roadmap__swatch--violet {
  background-color: var(--_hds--colors---violet-purple--200);
}

.roadmap__swatch.roadmap__swatch--coral {
  background-color: var(--_hds--colors---coral-red--200);
}

.roadmap__swatch.roadmap__swatch--green {
  background-color: var(--_hds--colors---mint-green--200);
}

.roadmap__swatch.roadmap__swatch--orange {
  background-color: var(--_hds--colors---warm-orange--200);
}

.roadmap__swatch.roadmap__swatch--blue {
  background-color: var(--_hds--colors---signal-blue--100);
}

.roadmap__swatch.roadmap__swatch--neutral {
  background-color: var(--_hds--colors---graphite-plum--600);
}

.roadmap__swatch.roadmap__swatch--hollow {
  border: 1px solid var(--_hds--colors---graphite-plum--500);
  background-color: #0000;
}

.pick__thumb {
  z-index: 2;
  background-color: var(--_hds--colors---signal-blue--300);
  pointer-events: none;
  position: absolute;
  overflow: hidden;
}

.toggle__fill {
  padding: var(--_hds--spacing---space--sm) var(--_hds--spacing---space--md);
  background-color: var(--_hds--colors---signal-blue--300);
  pointer-events: none;
  color: var(--_hds--colors---neutral--0);
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.talk__summary-row {
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  display: grid;
}

.talk__summary-key {
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
}

.talk__summary-val {
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  white-space: pre-line;
  overflow-wrap: anywhere;
  margin: 0;
}

.glossary__search-icon {
  left: var(--_hds--spacing---space--md);
  width: var(--_hds--spacing---space--md);
  height: var(--_hds--spacing---space--md);
  pointer-events: none;
  color: var(--_hds--themes---text--tertiary);
  position: absolute;
}

.glossary__input {
  width: 100%;
  padding-top: var(--_hds--spacing---space--sm);
  padding-right: var(--_hds--spacing---space--xl);
  padding-bottom: var(--_hds--spacing---space--sm);
  padding-left: var(--_hds--spacing---space--2xl);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_hds--colors---graphite-plum--500);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_hds--colors---graphite-plum--500);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_hds--colors---graphite-plum--500);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_hds--colors---graphite-plum--500);
  background-color: var(--_hds--themes---surface--bg);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  border-radius: 0;
  margin: 0;
}

.glossary__clear {
  right: var(--_hds--spacing---space--xs);
  width: var(--_hds--spacing---space--xl);
  height: var(--_hds--spacing---space--xl);
  color: var(--_hds--themes---text--tertiary);
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: absolute;
}

.glossary__clear-icon {
  width: var(--_hds--spacing---space--md);
  height: var(--_hds--spacing---space--md);
}

.glossary__empty {
  padding-top: var(--_hds--spacing---space--3xl);
  padding-bottom: var(--_hds--spacing---section--md);
}

.glossary__empty-text {
  margin: 0px 0px var(--_hds--spacing---space--lg);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-lg);
  font-weight: var(--_hds--typography---weight--semibold);
}

.clock__input {
  min-width: 12rem;
  padding: var(--_hds--spacing---space--sm) var(--_hds--spacing---space--md);
  border: 1px solid var(--_hds--colors---graphite-plum--500);
  background-color: var(--_hds--themes---surface--bg);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--normal);
  border-radius: 0;
  align-self: flex-start;
}

.clock__input:focus {
  border-color: var(--_hds--themes---text--brand);
  outline: none;
}

.clock__value {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--h3);
  line-height: var(--_hds--typography---lineheight--tight);
  font-weight: var(--_hds--typography---weight--regular);
  letter-spacing: var(--_hds--typography---letterspacing--tight);
  display: block;
}

.clock__note {
  margin-top: var(--_hds--spacing---space--xs);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  display: block;
}

.guide-card__label {
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wide);
  text-transform: uppercase;
  margin-bottom: 0;
}

.guide-card__label.guide-card__label--icon {
  grid-column-gap: var(--_hds--spacing---space--sm);
  align-items: center;
  display: flex;
}

.guide-card__label-icon {
  flex: none;
  width: 1.15em;
  height: 1.15em;
}

.clock__result {
  margin-top: var(--_hds--spacing---space--xl);
  padding-top: var(--_hds--spacing---space--lg);
  border-top: 1px solid var(--_hds--colors---border--default);
}

.clock__line {
  margin-top: var(--_hds--spacing---space--md);
  margin-bottom: 0;
}

.spread {
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 40rem;
  display: grid;
  position: relative;
}

.spread__card {
  padding-top: var(--_hds--spacing---space--2xl);
  padding-right: var(--_hds--spacing---space--2xl);
  padding-bottom: var(--_hds--spacing---space--2xl);
  padding-left: var(--_hds--spacing---space--2xl);
  background-color: var(--_hds--themes---surface--bg);
  flex-direction: column;
  grid-row: 1;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.spread__card.spread__card--start {
  grid-column: 1;
  justify-content: flex-start;
}

.spread__card.spread__card--end {
  grid-column: 2;
}

.spread__body {
  max-width: 28rem;
}

.spread__body.spread__body--end {
  max-width: 21rem;
  margin-left: auto;
}

.spread__title {
  grid-row-gap: var(--_hds--spacing---space--lg);
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.spread__text {
  max-width: 26rem;
  margin-top: var(--_hds--spacing---space--lg);
  font-family: var(--_hds--typography---family--sans);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-md);
  line-height: var(--_hds--typography---lineheight--normal);
  margin-bottom: 0;
}

.spread__media {
  z-index: 4;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
  position: absolute;
  inset: 0;
}

.spread__object {
  height: 70%;
  position: relative;
}

.spread__img {
  width: auto;
  height: 100%;
  display: block;
}

.stack {
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  display: grid;
  position: relative;
}

.stack__card {
  top: var(--_hds--spacing---space--4xl);
  min-height: 18rem;
  margin-bottom: var(--_hds--spacing---space--xl);
  padding: var(--_hds--spacing---space--2xl) var(--_hds--spacing---space--xl);
  background-color: var(--_hds--colors---surface--primary);
  color: var(--_hds--themes---text--primary);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: sticky;
}

.stack__card.stack__card--brand {
  top: var(--_hds--spacing---space--3xl);
  background-color: var(--_hds--colors---signal-blue--300);
  min-height: 0;
  color: var(--_hds--colors---neutral--0);
}

.stack__arrow {
  display: inline-block;
  transform: rotate(90deg);
}

.proof {
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-row-gap: var(--_hds--spacing---space--md);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.proof__band {
  padding-top: var(--_hds--spacing---space--3xl);
  padding-right: 0;
  padding-bottom: var(--_hds--spacing---space--3xl);
  background-color: var(--_hds--colors---signal-blue--300);
  color: var(--_hds--colors---neutral--0);
  grid-column: span 3;
  padding-left: 0;
  position: relative;
}

.proof__head {
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.proof__title {
  padding-right: var(--_hds--spacing---space--xl);
  padding-left: var(--_hds--spacing---space--xl);
  grid-column: span 2;
}

.proof__text {
  padding-right: var(--_hds--spacing---space--xl);
  padding-left: var(--_hds--spacing---space--xl);
}

.proof__media {
  aspect-ratio: 16 / 9;
  background-color: var(--_hds--colors---surface--overlay);
  grid-column: span 3;
  position: relative;
  overflow: hidden;
}

.proof__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.proof__tile {
  padding: var(--_hds--spacing---space--2xl) var(--_hds--spacing---space--xl);
  background-color: var(--_hds--themes---surface--bg);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.proof__tile.proof__tile--lead {
  grid-column: span 2;
}

.stat__plus {
  color: var(--_hds--themes---text--secondary-inverse);
}

.footer__payments {
  width: auto;
  max-width: 100%;
  height: 24px;
  display: block;
}

.footer__payments.is--etbis {
  width: 100px;
  height: 39px;
  margin-bottom: -5px;
  overflow: clip;
}

.plan__split {
  grid-column: 1 / -1;
  align-items: stretch;
  display: flex;
}

.plan__split-text {
  min-width: 0;
  padding-top: var(--_hds--spacing---space--md);
  padding-bottom: var(--_hds--spacing---space--md);
  color: #fff;
  background-color: #000;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
}

.plan__split-media {
  background-color: #000;
  flex: 0 0 38%;
  position: relative;
  overflow: hidden;
}

.plan__split-img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  display: block;
}

.plan__part-icon {
  width: 28px;
  height: 28px;
  margin-bottom: var(--_hds--spacing---space--xl);
  color: var(--_hds--themes---text--brand);
  display: block;
}

.plan__for {
  margin-top: var(--_hds--spacing---space--md);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  margin-bottom: 0;
}

.plan__for.plan__for--inverse {
  margin-top: var(--_hds--spacing---space--lg);
  color: var(--_hds--themes---text--secondary-inverse);
  font-size: var(--_hds--typography---fluid--body-md);
}

.plan__pricing {
  margin-top: var(--_hds--spacing---space--xl);
}

.plan__unit {
  margin-top: var(--_hds--spacing---space--sm);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wider);
  text-transform: uppercase;
  margin-bottom: 0;
}

.plan__unit.plan__unit--inverse {
  margin-top: var(--_hds--spacing---space--lg);
  color: var(--_hds--themes---text--muted-inverse);
}

.plan__from {
  margin-top: 0;
  margin-bottom: var(--_hds--spacing---space--md);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--tertiary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wider);
  text-transform: uppercase;
}

.plan__adds {
  grid-row-gap: var(--_hds--spacing---space--md);
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.plan__adds.plan__adds--rule {
  margin-top: var(--_hds--spacing---space--xl);
  padding-top: var(--_hds--spacing---space--xl);
  border-top: 1px solid var(--_hds--colors---border--default);
}

.plan__band-line {
  color: var(--_hds--themes---text--primary);
  font-size: var(--_hds--typography---fluid--body-sm);
  line-height: var(--_hds--typography---lineheight--normal);
  margin-top: 0;
  margin-bottom: 0;
}

.plan__em {
  font-weight: var(--_hds--typography---weight--semibold);
}

.billing__group {
  position: relative;
}

.billing__save {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: var(--_hds--spacing---space--md);
  font-family: var(--_hds--typography---family--mono);
  color: var(--_hds--themes---text--secondary);
  font-size: var(--_hds--typography---fluid--body-xsm);
  line-height: var(--_hds--typography---lineheight--normal);
  font-weight: var(--_hds--typography---weight--medium);
  letter-spacing: var(--_hds--typography---letterspacing--wider);
  text-transform: uppercase;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.billing__save.is--off {
  opacity: 0;
  visibility: hidden;
}

.plan__enterprise-text {
  z-index: 1;
  max-width: 34rem;
  position: relative;
}

.plan__enterprise-title {
  margin-top: 0;
  margin-bottom: 0;
}

.services-row {
  margin-top: var(--_hds--spacing---space--3xl);
  grid-column-gap: var(--_hds--spacing---space--md);
  grid-row-gap: var(--_hds--spacing---space--md);
  grid-template-columns: minmax(0, 1fr);
  display: grid;
}

.services-row__intro {
  padding-top: var(--_hds--spacing---space--2xl);
  padding-right: var(--_hds--spacing---space--xl);
  padding-left: var(--_hds--spacing---space--xl);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .nav__brand {
    width: 260px;
  }

  .nav__menu {
    column-gap: var(--_hds--spacing---space--xl);
  }

  .plans {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .plan__who.plan__who--flush {
    padding-left: 0;
  }

  .guide-cards.guide-cards--pair {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .guide-bento {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .versus__corner {
    width: 26%;
  }

  .versus__corner.versus__corner--pair {
    width: 40%;
  }

  .versus__tool, .versus__cell {
    padding-right: var(--_hds--spacing---space--lg);
    padding-left: var(--_hds--spacing---space--lg);
  }

  .versus__src-row {
    grid-template-columns: 26% minmax(0, 1fr);
  }

  .versus__src-row.versus__src-row--pair {
    grid-template-columns: 40% minmax(0, 1fr);
  }

  .versus__picker {
    display: none;
  }

  .spread {
    min-height: 44rem;
  }

  .spread__body.spread__body--end {
    max-width: 28rem;
  }

  .spread__object {
    height: 70%;
  }

  .stack {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .stack__card {
    grid-column: 2;
    min-height: 28rem;
  }

  .stack__card.stack__card--brand {
    top: var(--_hds--spacing---space--4xl);
    grid-area: 1 / 1 / span 5;
    justify-content: space-between;
    min-height: 28rem;
  }

  .stack__arrow {
    transform: none;
  }

  .proof__media {
    aspect-ratio: auto;
    grid-area: span 2 / span 2;
    min-height: 24rem;
  }

  .proof__tile.proof__tile--lead {
    grid-column: span 1;
  }

  .plan__split-img {
    object-fit: cover;
    object-position: 75% center;
  }
}

@media screen and (min-width: 1440px) {
  .plan__who.plan__who--flush {
    padding-left: 0;
  }
}

@media screen and (min-width: 1920px) {
  .plan__who.plan__who--flush {
    padding-left: 0;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: var(--_hds--typography---fluid--body-md);
  }

  .nav__brand {
    z-index: 999;
    width: 260px;
  }

  .nav__link {
    width: 100%;
    padding-top: var(--_hds--spacing---space--md);
    padding-bottom: var(--_hds--spacing---space--md);
    border-bottom: 1px solid var(--_hds--colors---graphite-plum--600);
    padding-left: 24px;
    display: block;
  }

  .nav__link.w--open {
    width: 100%;
  }

  .nav__cta {
    border-bottom: 1px solid var(--_hds--colors---graphite-plum--600);
    margin-top: 20px;
    margin-left: 0;
    padding-bottom: 20px;
    padding-left: 24px;
  }

  .hero__grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .hero__visual {
    padding-bottom: 0;
  }

  .hero__visual.mb-xl.hide-desktop {
    display: block;
  }

  .report-overlay {
    width: 71%;
    margin-top: -14px;
    margin-left: -24px;
    position: relative;
    bottom: 0;
    right: 0;
  }

  .inversion__grid {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .regions__grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .region-cell {
    border-bottom: 1px solid var(--_hds--colors---border--subtle);
  }

  .regions__footer {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .why-now__grid {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .footer__grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .section.section--lg.feature.feature--dark.feature--enterprise {
    background-position: 0 0, 100% 100%;
    background-size: auto, 80svw;
  }

  .grid.grid--2col.is--tablet__1-row {
    grid-template-rows: auto;
  }

  .grid.grid--3col {
    flex-flow: column;
    display: flex;
  }

  .grid.grid--comparison {
    font-size: var(--_hds--typography---fluid--body-xsm);
  }

  .hide-mobile {
    display: none;
  }

  .modules__grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .modules__grid.is--level2 {
    grid-template-columns: 1fr;
  }

  .nav__menu {
    background-color: var(--_hds--colors---surface--tertiary);
    text-align: left;
    overscroll-behavior: contain;
    height: 100svh;
    margin-top: -80px;
    padding-top: 100px;
    overflow-y: auto;
  }

  .hamburger__lottie {
    width: 24px;
    min-height: 1.5em;
  }

  .nav__menu-toggle.w--open {
    background-color: #fff0;
  }

  .comparison__cell.comparison__cell--label {
    display: flex;
  }

  .comparison__cell.comparison__cell--col-header, .comparison__cell.comparison__cell--data, .comparison__cell.comparison__cell--data-winner {
    padding-right: var(--_hds--spacing---space--md);
    padding-left: var(--_hds--spacing---space--md);
  }

  .dashboard-visual__wrapper {
    aspect-ratio: 16 / 9;
  }

  .hero-home__visual.bottle {
    width: 29em;
  }

  .hero-home__visual.card {
    width: 13em;
  }

  .hero-home__visual.certificate {
    width: 15em;
  }

  .hero-home__visual.created {
    width: 13em;
  }

  .cpas__grid {
    flex-flow: column;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .cpas-grid__box-wrap {
    z-index: 1;
    position: relative;
  }

  .cpas-grid__box-wrap.c-pas {
    height: 280px;
  }

  .cpas-grid__flow-lines-1, .cpas-grid__flow-lines-2 {
    height: 80px;
  }

  .cpas-grid__box-center {
    align-self: stretch;
  }

  .code-embed-desktop {
    display: none;
    transform: rotate(0);
  }

  .cpas-grid__box-right {
    align-self: stretch;
  }

  .code-embed-mobile {
    margin-bottom: 0;
    display: flex;
    transform: rotate(0);
  }

  .code-embed {
    transform: rotate(0);
  }

  .ai-logo__wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .hero-wrapper__c-pas {
    padding-bottom: 0;
  }

  .hero__dashboard {
    width: auto;
    position: static;
  }

  .dot-reveal {
    display: none;
  }

  .board__grid {
    grid-template-columns: 1fr;
  }

  .code-row {
    grid-row-gap: .75rem;
    grid-template-columns: 1fr;
  }

  .sec-bar {
    padding-left: 0;
    padding-right: 0;
  }

  .flow-conn-1-2-3 {
    margin-right: 0;
  }

  .flow-conn-1-2-3.is--mobile {
    bottom: 20px;
  }

  .flow-node__wrapper {
    width: 200px;
  }

  .pp-plan {
    border: 1px solid var(--_hds--colors---border--subtle);
    background-color: var(--_hds--colors---neutral--200);
    flex-basis: 0%;
  }

  .pp-plan.pp-plan--enterprise {
    margin-top: var(--_hds--spacing---space--xl);
    margin-left: 0;
  }

  .pp-grid {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .pp-grid__core {
    grid-column-gap: var(--_hds--spacing---space--xl);
    grid-row-gap: var(--_hds--spacing---space--xl);
    background-color: var(--_hds--colors---neutral--0);
    border: 0 #000;
    flex-flow: column;
  }

  .pp-cmp__grid {
    grid-template-columns: repeat(4, 1fr);
    min-width: 0;
  }

  .pp-cmp__th.pp-cmp__th--label {
    display: none;
  }

  .pp-cmp__label {
    background-color: var(--_hds--colors---surface--tertiary);
    grid-column: 1 / -1;
  }

  .pp-credit__ex-op {
    color: var(--_hds--colors---text--primary);
  }

  .nav__mega-inner {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .nav__mega-card {
    border-style: none none solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--_hds--colors---border--subtle);
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav__mega-card:hover {
    border-top-style: none;
    border-top-color: var(--_hds--colors---neutral--0);
    border-right-style: none;
    border-bottom-color: var(--_hds--colors---border--subtle);
    border-left-style: none;
    transform: none;
  }

  .nav__mega {
    z-index: auto;
    width: 100%;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    border-bottom-style: none;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    inset: auto;
  }

  .nav__mega.w--open {
    padding-top: var(--_hds--spacing---spacing--0);
  }

  .nav__dropdown {
    width: 100%;
  }

  .nav__dropdown:after {
    display: none;
  }

  .dd-icon {
    margin-left: auto;
    margin-right: 24px;
  }

  .nav__mega-band {
    box-shadow: none;
    background-color: #0000;
    border-bottom-style: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .spec04-grid {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .spec04-col {
    border: 1px solid var(--_hds--colors---border--default);
  }

  .spec04-col.is--edge {
    border-right: 1px solid var(--_hds--colors---border--default);
  }

  .spec04-pair {
    grid-row-gap: var(--_hds--spacing---space--lg);
    border-style: none;
    border-width: 0;
    flex-flow: column;
    display: flex;
  }

  .bento-grid__level-1 {
    grid-template-columns: 1fr 1fr;
  }

  .cpas-source {
    max-width: 60%;
  }

  .cpas-nodes {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 110px;
  }

  .fs-dot-animation {
    display: none;
  }

  .search-bar {
    align-self: stretch;
  }

  .uc-home-hero {
    padding-right: var(--_hds--spacing---space--xl);
    padding-left: var(--_hds--spacing---space--xl);
    display: block;
  }

  .uc-home-hero.mt-2xl {
    padding-right: var(--_hds--spacing---spacing--0);
    padding-left: var(--_hds--spacing---spacing--0);
  }

  .number-rank__grid {
    flex-flow: column;
    display: flex;
  }

  .product-card__category-tags {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .product-card-grid {
    grid-template-columns: 1fr 1fr;
  }

  .uc-stats__shell {
    border-bottom-style: none;
    grid-template-columns: 1fr 1fr;
  }

  .uc-detail {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .uc-ref {
    margin-right: var(--_hds--spacing---spacing--0);
  }

  .uc-toc {
    display: none;
  }

  .uc-find__tabs {
    grid-row-gap: var(--_hds--spacing---space--xl);
    flex-flow: row;
  }

  .uc-find__count {
    margin-bottom: 0;
  }

  .footer__brand {
    grid-column: span 2 / span 2;
  }

  .hero__fan {
    width: 130%;
    max-width: none;
    margin-left: -15%;
  }

  .text-link.datasheet__back {
    display: none;
  }

  .steps__track {
    overflow-x: auto;
  }

  .steps__card {
    flex-basis: 42%;
  }

  .feature__head, .feature__split {
    grid-template-columns: minmax(0, 1fr);
  }

  .feature__split.feature__split--ruled {
    grid-row-gap: var(--_hds--spacing---space--xl);
    grid-template-columns: minmax(0, 1fr);
  }

  .feature__sticky {
    position: relative;
    top: auto;
  }

  .audience__row {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .audience__row.audience__row--head {
    display: none;
  }

  .hero__card-tab {
    z-index: 1;
  }

  .stats.stats--band {
    grid-row-gap: var(--_hds--spacing---space--2xl);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .stats.stats--proof {
    margin-top: var(--_hds--spacing---space--3xl);
    grid-row-gap: var(--_hds--spacing---space--xl);
    grid-template-columns: minmax(0, 1fr);
  }

  .stat.stat--proof {
    padding-left: 0;
    padding-right: 0;
  }

  .tiles.tiles--four {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .keep-scene {
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    height: 250vh;
  }

  .keep-scene__text {
    height: auto;
    padding-top: 0;
    position: relative;
    top: 0;
  }

  .keep-scene__cards {
    top: var(--_hds--spacing---space--4xl);
    padding-top: var(--_hds--spacing---space--4xl);
  }

  .keep-scene__pile {
    zoom: 1.6;
  }

  .corner-cut.corner-cut--top-right, .corner-cut.corner-cut--bottom-right {
    display: none;
  }

  .showcase {
    padding-top: var(--_hds--spacing---space--xl);
    padding-right: var(--_hds--spacing---space--lg);
    padding-bottom: var(--_hds--spacing---space--xl);
    padding-left: var(--_hds--spacing---space--lg);
    grid-row-gap: var(--_hds--spacing---space--xl);
    grid-template-columns: minmax(0, 1fr);
  }

  .showcase__media {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: auto;
  }

  .showcase__notes {
    grid-row-gap: var(--_hds--spacing---space--xl);
  }

  .showcase__note {
    max-width: none;
    min-height: 0;
  }

  .panel {
    padding: var(--_hds--spacing---space--3xl);
    grid-template-columns: minmax(0, 1fr);
  }

  .panel__icon {
    width: var(--_hds--spacing---space--3xl);
    height: var(--_hds--spacing---space--3xl);
    order: -1;
    justify-self: start;
  }

  .pile {
    height: 10rem;
  }

  .pill {
    height: 2.75rem;
  }

  .markets {
    grid-template-columns: minmax(0, 1fr);
  }

  .log__row {
    grid-template-columns: 7rem minmax(0, 1fr) 3rem;
  }

  .datasheet__item.datasheet__item--pair {
    grid-row-gap: var(--_hds--spacing---space--sm);
    grid-template-columns: minmax(0, 1fr);
  }

  .entry {
    grid-template-columns: minmax(0, 1fr);
  }

  .entry__meta {
    flex-flow: wrap;
    align-items: baseline;
  }

  .entry__clock {
    flex-basis: 100%;
    margin-top: 0;
  }

  .plans {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .plan.plan--enterprise {
    background-size: 80svw;
  }

  .plan__part.is--border-bottom {
    border-bottom-style: none;
  }

  .glossary__index-letter.is--empty {
    display: none;
  }

  .glossary__group {
    grid-row-gap: var(--_hds--spacing---space--xl);
    grid-template-columns: minmax(0, 1fr);
  }

  .glossary__letter {
    font-size: var(--_hds--typography---fluid--display);
    position: relative;
    top: auto;
  }

  .guide-cards.guide-cards--three {
    grid-template-columns: minmax(0, 1fr);
  }

  .guide-card__foot {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .guide-card__summary {
    flex-basis: auto;
  }

  .talk__form {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .pick.pick--stack {
    position: relative;
    top: auto;
  }

  .roadmap__group {
    grid-row-gap: var(--_hds--spacing---space--xl);
    grid-template-columns: minmax(0, 1fr);
  }

  .roadmap__head {
    position: relative;
    top: auto;
  }

  .spread {
    grid-row-gap: var(--_hds--spacing---space--sm);
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .spread__card {
    padding-top: var(--_hds--spacing---space--2xl);
    padding-right: var(--_hds--spacing---space--xl);
    padding-bottom: var(--_hds--spacing---space--2xl);
    padding-left: var(--_hds--spacing---space--xl);
    grid-area: auto;
  }

  .spread__card.spread__card--start {
    grid-column: auto;
    padding-bottom: 11.5rem;
  }

  .spread__card.spread__card--end {
    grid-column: auto;
    padding-top: 11.5rem;
  }

  .spread__body.spread__body--end {
    max-width: 30rem;
    margin-left: 0;
  }

  .spread__media {
    height: 20rem;
    margin-top: -10rem;
    margin-bottom: -10rem;
    position: relative;
    inset: auto;
  }

  .spread__object {
    height: 100%;
  }

  .stack__card {
    top: 8rem;
  }

  .stack__card.stack__card--brand {
    top: var(--_hds--spacing---space--4xl);
  }

  .proof {
    grid-template-columns: minmax(0, 1fr);
  }

  .proof__band {
    padding-top: var(--_hds--spacing---space--2xl);
    padding-right: var(--_hds--spacing---space--xl);
    padding-bottom: var(--_hds--spacing---space--xl);
    padding-left: var(--_hds--spacing---space--xl);
    grid-column: auto;
  }

  .proof__head {
    grid-row-gap: var(--_hds--spacing---space--xl);
    grid-template-columns: minmax(0, 1fr);
  }

  .proof__title {
    grid-column: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .proof__text {
    padding-left: 0;
    padding-right: 0;
  }

  .proof__media, .proof__tile.proof__tile--lead {
    grid-column: auto;
  }

  .plan__split {
    background-color: var(--_hds--colors---neutral--1000);
  }

  .plan__split-media {
    align-self: flex-end;
  }
}

@media screen and (max-width: 767px) {
  .btn.btn--ghost.hero__cta-link {
    color: var(--_hds--themes---text--brand);
    background-color: #0000;
    border-width: 0;
    padding: 0;
  }

  .btn.btn--white.is--newsletter {
    margin-top: var(--_hds--spacing---space--md);
    align-self: stretch;
  }

  .nav__brand {
    margin-right: 0;
    padding-left: 0;
  }

  .hero__cta {
    grid-row-gap: var(--_hds--spacing---space--md);
    flex-direction: column;
    align-items: center;
  }

  .section.section--lg.feature.feature--dark.feature--black.feature--hero, .section.section--lg.feature.feature--dark.feature--black.roadmap {
    padding-top: var(--_hds--spacing---space--xl);
  }

  .section__container.filters__inner.glossary__bar-inner {
    padding-top: var(--_hds--spacing---space--sm);
    padding-bottom: var(--_hds--spacing---space--sm);
    grid-column-gap: var(--_hds--spacing---space--md);
    grid-row-gap: var(--_hds--spacing---space--sm);
    flex-wrap: wrap;
    overflow: visible;
  }

  .grid.grid--2col {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid.grid--comparison {
    grid-template-columns: 1fr 1fr;
  }

  .hide-mobile {
    display: none;
  }

  .show-mobile {
    display: block;
  }

  .grid--2col {
    grid-template-columns: 1fr;
  }

  .nav__menu-toggle {
    padding-bottom: 12px;
    padding-right: 0;
  }

  .comparison__cell.comparison__cell--label {
    display: flex;
  }

  .ai-logo__flow {
    width: 140px;
  }

  .flow-row {
    flex-direction: column;
    align-items: stretch;
  }

  .flow-node {
    margin-left: auto;
    margin-right: auto;
  }

  .flow-conn-1-2-3 {
    justify-content: center;
    width: 100%;
    height: 32px;
  }

  .flow-conn-1-2-3.is--mobile {
    bottom: 0;
  }

  .flow-dash-1 {
    background-image: repeating-linear-gradient(#585866 0 4px, #0000 4px 8px);
    background-size: 1px 8px;
    width: 1px;
    height: 32px;
    animation: .9s linear infinite flowdashv;
  }

  .pp-plan {
    border-bottom: 1px solid var(--_hds--colors---border--subtle);
    border-right-width: 0;
    flex-basis: 0%;
  }

  .pp-plan.pp-plan--end {
    border-bottom-width: 0;
  }

  .pp-grid__core {
    flex-direction: column;
  }

  .pp-credit__examples, .spec04-pair {
    grid-template-columns: 1fr;
  }

  .spec-list {
    flex-flow: column;
    grid-template-columns: .5fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .hide-after-tablet {
    display: none;
  }

  .spec-list-levels {
    flex-flow: column;
    grid-template-columns: .5fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .spec-list-levels-divider {
    flex-flow: column;
    grid-template-columns: .5fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .spec-list-levels-text {
    width: 100%;
  }

  .bento-grid__level-1 {
    flex-flow: column;
    display: flex;
  }

  .cpas-source {
    max-width: 80%;
    min-height: 66px;
    font-size: 18px;
  }

  .cpas-nodes {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 90px;
  }

  .uc-home-hero {
    padding-left: 0;
    padding-right: 0;
  }

  .uc-find__tabs {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .uc-find__rows {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .newsletter-flexbox {
    flex-flow: column;
    max-width: none;
  }

  .uc-sahne {
    padding: 3rem 1.5rem;
  }

  .uc-kart__ust {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .uc-kart__govde {
    flex-direction: column;
    align-items: flex-start;
  }

  .uc-kart__sag {
    order: -1;
    align-items: flex-start;
  }

  .statement__media {
    margin-top: var(--_hds--spacing---space--3xl);
    aspect-ratio: 4 / 5;
  }

  .hero__fan {
    width: 260%;
    max-width: none;
    margin-top: var(--_hds--spacing---space--2xl);
    margin-left: -80%;
  }

  .steps__card {
    aspect-ratio: 4 / 5;
    flex-basis: 78%;
  }

  .steps__head.plan__head.plan__head--start {
    justify-content: space-between;
  }

  .statement__badge {
    width: 15%;
    top: 2.2%;
    left: 4%;
  }

  .steps__panel {
    padding-top: var(--_hds--spacing---space--xl);
  }

  .steps__panel.plan__panel {
    padding-top: var(--_hds--spacing---space--xl);
    background-color: var(--_hds--colors---signal-blue--25);
    color: var(--_hds--colors---signal-blue--700);
  }

  .steps__tab.plan__tab {
    display: block;
  }

  .hero__steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .stats.stats--band {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .stats.stats--proof {
    margin-top: var(--_hds--spacing---space--2xl);
    grid-row-gap: var(--_hds--spacing---space--xl);
  }

  .tile__body.tile__body--lg {
    padding: var(--_hds--spacing---space--lg);
  }

  .tile__body.tile__body--md, .tile__body.tile__body--lg-frame {
    padding: var(--_hds--spacing---space--lg) var(--_hds--spacing---space--lg) var(--_hds--spacing---space--xl);
  }

  .tiles, .tiles.tiles--two, .tiles.tiles--four {
    grid-template-columns: minmax(0, 1fr);
  }

  .terms {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .keep-scene {
    height: 280vh;
  }

  .keep-scene__cards {
    padding-top: var(--_hds--spacing---space--3xl);
    top: 8rem;
  }

  .keep-scene__pile {
    zoom: 1.3;
  }

  .panel {
    padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  }

  .pile {
    height: 12rem;
  }

  .pill {
    height: 2.375rem;
    font-size: var(--_hds--typography---fluid--body-xsm);
  }

  .expand {
    margin-top: var(--_hds--spacing---space--2xl);
  }

  .keys {
    grid-template-columns: minmax(0, 1fr);
  }

  .facts {
    grid-column-gap: var(--_hds--spacing---space--lg);
    grid-row-gap: var(--_hds--spacing---space--2xl);
  }

  .fact__value {
    font-size: var(--_hds--typography---fluid--h2);
  }

  .log__row {
    padding-top: var(--_hds--spacing---space--lg);
    padding-right: var(--_hds--spacing---space--lg);
    padding-bottom: var(--_hds--spacing---space--lg);
    padding-left: var(--_hds--spacing---space--lg);
    grid-row-gap: var(--_hds--spacing---space--sm);
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .log__main {
    grid-area: 2 / 1 / 3 / -1;
  }

  .datasheet__table {
    display: block;
  }

  .datasheet__row {
    padding-top: var(--_hds--spacing---space--md);
    padding-bottom: var(--_hds--spacing---space--md);
    display: block;
  }

  .datasheet__key {
    width: auto;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: var(--_hds--spacing---space--xs);
    font-size: var(--_hds--typography---fluid--body-sm);
    display: block;
  }

  .datasheet__val {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .datasheet__cols {
    grid-template-columns: minmax(0, 1fr);
  }

  .datasheet__item.datasheet__item--pair {
    grid-row-gap: var(--_hds--spacing---space--sm);
    grid-template-columns: minmax(0, 1fr);
  }

  .datasheet__head {
    display: none;
  }

  .datasheet__body {
    display: block;
  }

  .subscribe__row {
    flex-direction: column;
  }

  .filters__inner {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .filters__count {
    margin-left: var(--_hds--spacing---space--md);
  }

  .subst__row {
    display: block;
  }

  .subst__row.subst__row--head {
    display: none;
  }

  .plans {
    grid-template-columns: minmax(0, 1fr);
  }

  .plan.plan--tier {
    padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  }

  .plan.plan--free {
    padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
    grid-row-gap: var(--_hds--spacing---space--xl);
  }

  .plan.plan--enterprise {
    padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  }

  .billing__opt.versus__opt {
    padding-right: var(--_hds--spacing---space--sm);
    padding-left: var(--_hds--spacing---space--sm);
  }

  .glossary__index {
    justify-content: space-between;
    width: 100%;
    margin-right: 0;
  }

  .glossary__index-letter {
    width: var(--_hds--spacing---space--xl);
  }

  .glossary__search {
    flex-grow: 1;
    flex-basis: auto;
  }

  .glossary__group {
    padding-top: var(--_hds--spacing---space--2xl);
    padding-bottom: var(--_hds--spacing---space--2xl);
  }

  .glossary__entries {
    grid-row-gap: var(--_hds--spacing---space--2xl);
  }

  .glossary__entry {
    grid-template-columns: minmax(0, 1fr);
  }

  .glossary__row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }

  .datasheet__title {
    font-size: var(--_hds--typography---fluid--h4);
  }

  .equation {
    grid-column-gap: var(--_hds--spacing---space--md);
  }

  .guide-cards.guide-cards--two {
    grid-template-columns: minmax(0, 1fr);
  }

  .guide-card {
    padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  }

  .guide-card__head {
    margin-bottom: var(--_hds--spacing---space--xl);
  }

  .guide-card__meta {
    margin-top: var(--_hds--spacing---space--xl);
  }

  .guide-card__meta.guide-card__meta--foot {
    padding-top: var(--_hds--spacing---space--xl);
  }

  .guide-bento {
    grid-template-columns: minmax(0, 1fr);
  }

  .guide-card__bar {
    margin-bottom: var(--_hds--spacing---space--xl);
  }

  .guide-card__title {
    font-size: var(--_hds--typography---fluid--h4);
  }

  .talk__panel {
    padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  }

  .pick__opt {
    padding-right: var(--_hds--spacing---space--md);
    padding-left: var(--_hds--spacing---space--md);
  }

  .pick__opt.topic {
    padding: var(--_hds--spacing---space--md);
  }

  .field__row {
    grid-template-columns: minmax(0, 1fr);
  }

  .talk__done {
    padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  }

  .versus__table {
    display: block;
  }

  .versus__corner {
    display: none;
  }

  .versus__tool {
    padding: var(--_hds--spacing---space--md);
  }

  .versus__group {
    padding-top: var(--_hds--spacing---space--xl);
    grid-column: 1 / -1;
  }

  .versus__gap {
    display: none;
  }

  .versus__q {
    padding-top: var(--_hds--spacing---space--md);
    padding-right: 0;
    padding-bottom: var(--_hds--spacing---space--md);
    grid-column: 1 / -1;
    padding-left: 0;
  }

  .versus__q.versus__q--foot {
    padding-top: var(--_hds--spacing---space--lg);
  }

  .versus__cell {
    margin-bottom: var(--_hds--spacing---space--md);
    border-top-style: none;
    align-self: start;
  }

  .versus__cell.versus__cell--foot {
    padding-top: var(--_hds--spacing---space--md);
    padding-bottom: var(--_hds--spacing---space--md);
  }

  .versus__src-row {
    grid-row-gap: var(--_hds--spacing---space--xs);
    grid-template-columns: minmax(0, 1fr);
  }

  .versus__src-list {
    column-count: 1;
  }

  .versus__head, .versus__body, .versus__foot {
    display: block;
  }

  .versus__row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    display: grid;
  }

  .roadmap__intro {
    margin-bottom: var(--_hds--spacing---space--2xl);
    grid-row-gap: var(--_hds--spacing---space--lg);
    grid-template-columns: minmax(0, 1fr);
  }

  .roadmap__group {
    grid-row-gap: var(--_hds--spacing---space--lg);
  }

  .roadmap__row {
    padding-top: var(--_hds--spacing---space--lg);
    padding-bottom: var(--_hds--spacing---space--lg);
  }

  .talk__summary-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .spread__card {
    padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  }

  .spread__card.spread__card--start {
    padding-bottom: 9.5rem;
  }

  .spread__card.spread__card--end {
    padding-top: 9.5rem;
  }

  .spread__media {
    height: 16rem;
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .stack__card {
    min-height: 0;
    margin-bottom: var(--_hds--spacing---space--md);
    padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
    position: relative;
    top: auto;
  }

  .stack__card.stack__card--brand {
    top: auto;
  }

  .proof__band {
    padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  }

  .proof__media {
    aspect-ratio: 4 / 3;
  }

  .proof__tile {
    padding: var(--_hds--spacing---space--xl) var(--_hds--spacing---space--lg);
  }

  .plan__split {
    flex-direction: column;
  }

  .plan__split-media {
    flex-basis: auto;
    width: 100%;
  }

  .plan__split-img {
    object-fit: contain;
    object-position: center;
  }

  .billing__group {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .billing__save {
    margin-top: var(--_hds--spacing---space--sm);
    margin-left: 0;
    position: static;
    transform: none;
  }

  .services-row__intro {
    padding: 0px var(--_hds--spacing---space--lg) var(--_hds--spacing---space--md);
  }
}

@media screen and (max-width: 479px) {
  .eyebrow {
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading--display-l {
    word-break: normal;
  }

  .dashboard__chip {
    display: none;
  }

  .ingredient-row {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .report-overlay {
    width: 94%;
    top: -50px;
  }

  .regions__grid, .footer__grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .footer__col-heading {
    color: var(--_hds--colors---signal-blue--200);
  }

  .type-body-sm {
    width: 100%;
  }

  .section.section--lg.hero {
    padding-top: var(--_hds--spacing---space--md);
  }

  .text-brand {
    display: inline;
  }

  .comparison__cell.comparison__cell--col-header {
    padding-right: var(--_hds--spacing---space--md);
    padding-left: var(--_hds--spacing---space--md);
  }

  .hero-home__visual.bottle {
    width: 18em;
    top: 30px;
    bottom: 0;
  }

  .hero-home__visual.card {
    width: 9em;
    top: 30%;
    left: 62%;
  }

  .hero-home__visual.certificate {
    width: 10em;
    bottom: -20%;
    left: -12%;
  }

  .hero-home__visual.created {
    width: 9em;
    top: 10%;
    left: 1%;
  }

  .hero-home {
    padding-bottom: 80px;
  }

  .heading--display-home {
    font-size: var(--_hds--typography---fluid--h1);
    word-break: normal;
  }

  .cpas-grid__box-wrap.c-pas {
    height: 320px;
  }

  .ai-logo__wrapper {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
  }

  .ai-logo__flow {
    width: 120px;
  }

  .flow-conn-1-2-3.is--mobile {
    bottom: 0;
  }

  .cpas-nodes {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 72px;
  }

  .number-rank__grid, .product-card-grid, .uc-stats__shell {
    grid-template-columns: 1fr;
  }

  .uc-find__tabs {
    display: none;
  }

  .uc-find__count {
    margin-top: var(--_hds--spacing---space--xl);
  }

  .uc-select__trigger {
    margin-bottom: var(--_hds--spacing---space--md);
  }

  .uc-select__label {
    font-size: var(--_hds--typography---fluid--body-sm);
  }

  .uc-kesit-select {
    display: flex;
  }

  .div-block, .div-block-2 {
    display: none;
  }

  .newsletter-flexbox {
    flex-flow: column;
  }

  .footer__brand {
    grid-column: span 1 / span 1;
  }

  .hero__fan {
    margin-top: var(--_hds--spacing---space--xs);
  }

  .hero__card-tab {
    width: 60%;
  }

  .hero__card-tab-slope {
    left: 40%;
  }

  .plan__split-media {
    border-bottom: 1px dashed var(--_hds--colors---border--strong);
    order: -9999;
  }
}

#w-node-_6066b7dd-a00b-1511-0492-e744b9262257-e01d5e94 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_6066b7dd-a00b-1511-0492-e744b9262259-e01d5e94, #w-node-_6066b7dd-a00b-1511-0492-e744b926225a-e01d5e94, #w-node-_6066b7dd-a00b-1511-0492-e744b926225b-e01d5e94, #w-node-_6066b7dd-a00b-1511-0492-e744b926225c-e01d5e94, #w-node-_6066b7dd-a00b-1511-0492-e744b926225d-e01d5e94, #w-node-_6066b7dd-a00b-1511-0492-e744b926225e-e01d5e94 {
  justify-self: center;
}

#w-node-_8e7c394b-16b8-835f-7aea-fb89a42cc32a-e01d5e94 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-a544b942-1d91-10bc-96e2-ab7242b41238-e01d5e94, #w-node-_6f91d94f-60dd-0ac4-2535-087f777342a9-e01d5e94, #w-node-_72965fc1-3d50-e0a4-acc5-be3898ea4802-e01d5e94 {
  align-self: stretch;
}

#w-node-afd992a3-db9d-575e-dfc7-e3d6e0a006b4-e01d5e94 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: stretch;
}

#w-node-_5b52845b-4448-7ded-58a2-3da9104bf351-e01d5e94 {
  align-self: stretch;
}

#w-node-_3ec84ff8-2583-2c48-c260-9625c19f1745-e01d5e94, #w-node-_541c1204-765b-297e-43ae-534941386954-e01d5e94, #w-node-_664b08eb-9b74-56da-fbc4-ee1233f7e733-e01d5e94 {
  align-self: center;
}

#w-node-_50e690d0-cdec-9862-0187-189dbae2fd0d-bae2fd0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e06dc1b8-3726-bd84-8443-a9bb9388b5d2-e01d5e95, #w-node-_5b14f680-febc-dc47-3b7c-4f46d73172f6-e01d5e99, #w-node-_0316eaaf-c1b3-ea50-f468-44424dc39db4-e01d5e99, #w-node-_3db45aca-f2cc-8c28-3ad3-31c0bdea1adf-e01d5e99 {
  align-self: center;
}

#w-node-_3db45aca-f2cc-8c28-3ad3-31c0bdea1b2f-e01d5e99 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5b14f680-febc-dc47-3b7c-4f46d73172f6-e01d5ea1, #w-node-e5d831a3-74d8-3e5e-bbe8-59a6dcd3144e-e01d5ea1, #w-node-_9b9053e0-80dc-24b9-df74-090aef661ca3-e01d5ea1 {
  align-self: center;
}

#w-node-af3831c9-ae26-508d-6ea7-1d0b00939e74-e01d5ea1, #w-node-_2af79026-bad6-0212-cc16-e45a0073d963-e01d5ea1, #w-node-_263582f3-531a-5b5f-ad82-cb46269285b0-e01d5ea1, #w-node-c697399e-7b68-9154-4257-3ebbab222f83-e01d5ea1, #w-node-f2174b1c-56b7-8215-53a6-1c6227e77420-e01d5ea1, #w-node-efdc492a-7d14-8dc2-b6a9-518a96e782ff-e01d5ea1 {
  place-self: end;
}

#w-node-_73564139-a751-b2f0-a3c3-66a20db5ebda-e01d5ea5, #w-node-_525ee121-1ff6-5ede-0744-a8dfad872a02-e01d5ead {
  align-self: center;
}

#w-node-aed28bfb-5346-2745-c0d8-b2af6d863de7-814cdb8d {
  align-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-_72965fc1-3d50-e0a4-acc5-be3898ea4802-e01d5e94, #w-node-_5b52845b-4448-7ded-58a2-3da9104bf351-e01d5e94, #w-node-e5d831a3-74d8-3e5e-bbe8-59a6dcd3144e-e01d5ea1 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: stretch;
  }

  #w-node-_51764307-f19c-043b-e657-567f13b312e0-e01d5ea1 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_360e0d10-a290-e1c2-6d7a-cad48a2bed2e-e01d5ea1 {
    grid-area: 4 / 1 / 4 / 3;
  }

  #w-node-_9b9053e0-80dc-24b9-df74-090aef661ca3-e01d5ea1 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-fc66f34a-b761-cb38-ba2f-ccf189974cca-e01d5ea5, #w-node-fc66f34a-b761-cb38-ba2f-ccf189974cd5-e01d5ea5, #w-node-fc66f34a-b761-cb38-ba2f-ccf189974ce0-e01d5ea5, #w-node-ad601401-8a82-268e-22a3-580d6b02b3ca-e01d5ea5 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-aba4e468-b94c-ce6f-dfc8-1c7988688938-e01d5ea5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1ed21a34-7766-3605-a0ee-7464908e9107-e01d5ea5 {
    order: -9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_60300b5c-c949-0be4-abc6-dc79551a831d-e01d5ea9 {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_5b52845b-4448-7ded-58a2-3da9104bf351-e01d5e94 {
    grid-column: span 2 / span 2;
  }

  #w-node-af3831c9-ae26-508d-6ea7-1d0b00939e74-e01d5ea1, #w-node-_2af79026-bad6-0212-cc16-e45a0073d963-e01d5ea1, #w-node-f85634cd-808c-f8b1-777d-e9cf72a5e57b-e01d5ea1, #w-node-_263582f3-531a-5b5f-ad82-cb46269285b0-e01d5ea1, #w-node-c697399e-7b68-9154-4257-3ebbab222f83-e01d5ea1, #w-node-f2174b1c-56b7-8215-53a6-1c6227e77420-e01d5ea1, #w-node-efdc492a-7d14-8dc2-b6a9-518a96e782ff-e01d5ea1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('/fonts/PlusJakartaSans-Variable.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/fonts/JetBrainsMono-Variable.woff2') format('woff2');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}