@asante-org/atlascopco-vt-litesitegenerator 3.0.19 → 3.0.21

package/dist/lsg-clientlib.css

@@ -0,0 +1,2106 @@
+:root {
+  --atlascopco-blue-1: #f5fbfc;
+  --atlascopco-blue-3: #b8e0ec;
+  --atlascopco-blue-5: #7ac6dc;
+  --atlascopco-blue-7: #3daccc;
+  --atlascopco-blue-9: #0092bc;
+  --atlascopco-blue-11: #006f8f;
+  --atlascopco-gray-1: #f8f9f9;
+  --atlascopco-gray-3: #d1d4d7;
+  --atlascopco-gray-5: #aab0b5;
+  --atlascopco-gray-7: #828b92;
+  --atlascopco-gray-9: #5b6770;
+  --atlascopco-gray-11: #2f363a;
+  --atlascopco-beige-1: #f5f2ef;
+  --atlascopco-beige-2: #efebe6;
+  --atlascopco-beige-3: #e7e0da;
+  --atlascopco-beige-4: #dfd6ce;
+  --atlascopco-blue: #0092bc;
+  --atlascopco-blue-dark: #006f8f;
+  --atlascopco-black: #000000;
+  --atlascopco-white: #ffffff;
+  --atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
+  --atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
+  --atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
+  --atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
+  --atlascopco-grey-100: #f8f9f9;
+  --atlascopco-grey-200: #d1d4d7;
+  --atlascopco-grey-300: #aab0b5;
+  --atlascopco-grey-400: #828b92;
+  --atlascopco-grey-500: #5b6770;
+  --atlascopco-grey-600: #2f363a;
+  --color-primary: #0092bc;
+  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
+  --spacing-zero: 0px;
+  --spacing-xxs: 4px;
+  --spacing-xs: 8px;
+  --spacing-sm: 12px;
+  --spacing-md: 16px;
+  --spacing-lg: 24px;
+  --spacing-xl: 36px;
+  --spacing-xxl: 48px;
+  --spacing-3xl: 72px;
+  --spacing-4xl: 96px;
+  --h1-mobile-size: 32px;
+  --h1-mobile-line-height: 1.2;
+  --h2-mobile-size: 24px;
+  --h2-mobile-line-height: 1.2;
+  --h3-mobile-size: 18px;
+  --h3-mobile-line-height: 1.6;
+  --body-mobile-size: 14px;
+  --body-mobile-line-height: 1.5;
+  --h1-desktop-size: 55px;
+  --h1-desktop-line-height: 1.15;
+  --h2-desktop-size: 40px;
+  --h2-desktop-line-height: 1.2;
+  --h3-desktop-size: 32px;
+  --h3-desktop-line-height: 1.2;
+  --body-desktop-size: 18px;
+  --body-desktop-line-height: 1.6;
+  --text-lg-size: 27px;
+  --text-lg-line-height: 1.4;
+  --text-xl-size: 36px;
+  --text-xl-line-height: 1.4;
+  --text-xxl-size: 64px;
+  --text-xxl-line-height: 1;
+}
+
+:root {
+  --lsg-color-primary: #14532d;
+  --lsg-color-secondary: #3f3f46;
+  --lsg-color-tertiary: #c2410c;
+  --lsg-color-light: #eeeeee;
+  --lsg-color-dark: #18181b;
+  --lsg-color-black: #09090b;
+  --lsg-color-white: #ffffff;
+  --lsg-size-Small: 14px;
+  --lsg-size-body: 18px;
+  --lsg-size-Pretitle: 18px;
+  --lsg-size-H6: 18px;
+  --lsg-size-H5: 21px;
+  --lsg-size-H4: 28px;
+  --lsg-size-H3: 30px;
+  --lsg-size-H2: 36px;
+  --lsg-size-H1: 45px;
+  --lsg-size-large: 54px;
+  --lsg-size-xl: 72px;
+  --lsg-size-xxl: 90px;
+  --lsg-size-xxxl: 108px;
+  --lsg-font-family-primary: Calibri;
+  --lsg-font-family-secondary: "Times New Roman";
+  --lsg-font-weight-regular: 400;
+  --lsg-font-weight-semibold: 600;
+  --lsg-font-weight-bold: 700;
+  --lsg-line-height-tight: 1.1;
+  --lsg-line-height-heading: 1.2;
+  --lsg-line-height-copy: 1.5;
+  --lsg-type-heading-family: var(--lsg-font-family-secondary);
+  --lsg-type-body-family: var(--lsg-font-family-primary);
+  --lsg-type-h1-mobile-size: 36px;
+  --lsg-type-h1-desktop-size: var(--lsg-size-H1);
+  --lsg-type-h1-mobile-line-height: var(--lsg-line-height-tight);
+  --lsg-type-h1-desktop-line-height: var(--lsg-line-height-tight);
+  --lsg-type-h2-mobile-size: 32px;
+  --lsg-type-h2-desktop-size: var(--lsg-size-H2);
+  --lsg-type-h2-mobile-line-height: var(--lsg-line-height-heading);
+  --lsg-type-h2-desktop-line-height: var(--lsg-line-height-heading);
+  --lsg-type-h3-mobile-size: 28px;
+  --lsg-type-h3-desktop-size: var(--lsg-size-H3);
+  --lsg-type-h3-mobile-line-height: var(--lsg-line-height-heading);
+  --lsg-type-h3-desktop-line-height: var(--lsg-line-height-heading);
+  --lsg-type-h4-mobile-size: 24px;
+  --lsg-type-h4-desktop-size: var(--lsg-size-H4);
+  --lsg-type-h4-mobile-line-height: var(--lsg-line-height-heading);
+  --lsg-type-h4-desktop-line-height: var(--lsg-line-height-heading);
+  --lsg-type-h5-mobile-size: 20px;
+  --lsg-type-h5-desktop-size: var(--lsg-size-H5);
+  --lsg-type-h5-mobile-line-height: var(--lsg-line-height-heading);
+  --lsg-type-h5-desktop-line-height: var(--lsg-line-height-heading);
+  --lsg-type-h6-mobile-size: 18px;
+  --lsg-type-h6-desktop-size: var(--lsg-size-H6);
+  --lsg-type-h6-mobile-line-height: var(--lsg-line-height-copy);
+  --lsg-type-h6-desktop-line-height: var(--lsg-line-height-copy);
+  --lsg-type-pretitle-mobile-size: 16px;
+  --lsg-type-pretitle-desktop-size: var(--lsg-size-Pretitle);
+  --lsg-type-pretitle-mobile-line-height: var(--lsg-line-height-copy);
+  --lsg-type-pretitle-desktop-line-height: var(--lsg-line-height-copy);
+  --lsg-type-body-mobile-size: 16px;
+  --lsg-type-body-desktop-size: var(--lsg-size-body);
+  --lsg-type-body-mobile-line-height: var(--lsg-line-height-copy);
+  --lsg-type-body-desktop-line-height: var(--lsg-line-height-copy);
+  --lsg-type-large-mobile-size: 40px;
+  --lsg-type-large-desktop-size: var(--lsg-size-large);
+  --lsg-type-large-mobile-line-height: var(--lsg-line-height-tight);
+  --lsg-type-large-desktop-line-height: var(--lsg-line-height-tight);
+  --lsg-type-xlarge-mobile-size: 48px;
+  --lsg-type-xlarge-desktop-size: var(--lsg-size-xl);
+  --lsg-type-xlarge-mobile-line-height: var(--lsg-line-height-tight);
+  --lsg-type-xlarge-desktop-line-height: var(--lsg-line-height-tight);
+  --lsg-type-xxlarge-mobile-size: 56px;
+  --lsg-type-xxlarge-desktop-size: var(--lsg-size-xxl);
+  --lsg-type-xxlarge-mobile-line-height: var(--lsg-line-height-tight);
+  --lsg-type-xxlarge-desktop-line-height: var(--lsg-line-height-tight);
+  --lsg-type-xxxlarge-mobile-size: 64px;
+  --lsg-type-xxxlarge-desktop-size: var(--lsg-size-xxxl);
+  --lsg-type-xxxlarge-mobile-line-height: var(--lsg-line-height-tight);
+  --lsg-type-xxxlarge-desktop-line-height: var(--lsg-line-height-tight);
+  --lsg-radius-square: 0px;
+  --lsg-radius-rounded: 10px;
+  --lsg-radius-pill: 25px;
+  --lsg-spacing-size-2XS: 4px;
+  --lsg-spacing-size-XS: 8px;
+  --lsg-spacing-size-SM: 16px;
+  --lsg-spacing-size-MD: 24px;
+  --lsg-spacing-size-LG: 32px;
+  --lsg-spacing-size-XL: 64px;
+  --lsg-spacing-size-2XL: 96px;
+  --lsg-spacing-size-3XL: 128px;
+  --lsg-spacing-size-48: 48px;
+  --lsg-spacing-size-72: 72px;
+  --lsg-spacing-size-120: 120px;
+  --lsg-spacing-size-140: 140px;
+  --lsg-container-width-full: 100%;
+  --lsg-container-width-medium: 1280px;
+  --lsg-container-width-narrow: 840px;
+  --lsg-ai-banner-bg: var(--lsg-color-dark);
+  --lsg-ai-banner-icon-color: var(--lsg-color-primary);
+  --lsg-ai-banner-text-color: var(--lsg-color-white);
+  --lsg-ai-banner-height: 50px;
+  --lsg-ai-banner-icon-size: 18px;
+  --lsg-ai-banner-font-size: 0.75rem;
+  --lsg-ai-banner-gap: var(--lsg-spacing-size-XS);
+  --lsg-ai-banner-max-width: var(--lsg-container-width-medium);
+  --lsg-accordion-max-width: 600px;
+  --lsg-accordion-divider-color: var(--atlascopco-beige-3, #e7e0da);
+  --lsg-accordion-active-color: var(--lsg-color-primary);
+  --lsg-accordion-active-border-width: 3px;
+  --lsg-accordion-title-color: var(--lsg-color-black);
+  --lsg-accordion-title-font-size: 1rem;
+  --lsg-accordion-icon-color: var(--lsg-color-secondary, #5b6770);
+  --lsg-accordion-icon-size: 16px;
+  --lsg-accordion-icon-gap: 16px;
+  --lsg-accordion-content-color: var(--lsg-color-secondary, #5b6770);
+  --lsg-accordion-content-font-size: 1rem;
+  --lsg-accordion-content-line-height: 1.6;
+  --lsg-accordion-header-height: 60px;
+  --lsg-accordion-header-padding-y: 12px;
+  --lsg-accordion-content-indent: 16px;
+  --lsg-accordion-content-border-width: 1px;
+  --lsg-accordion-content-padding-bottom: 16px;
+  --lsg-accordion-border-radius: 4px;
+  --lsg-accordion-transition: 300ms ease;
+  --lsg-accordion-faq-title-font-size: 1.125rem;
+  --lsg-accordion-faq-content-font-size: 1rem;
+}
+
+.lsg-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 12px 24px;
+  font-family: var(--lsg-font-family-primary);
+  font-size: 0.9375rem;
+  font-weight: 600;
+  line-height: 1.5;
+  text-decoration: none;
+  border: 2px solid transparent;
+  cursor: pointer;
+  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
+  white-space: nowrap;
+}
+.lsg-button:focus-visible {
+  outline: 2px solid var(--lsg-color-primary);
+  outline-offset: 2px;
+}
+.lsg-button--primary {
+  background-color: var(--lsg-color-primary);
+  border-color: var(--lsg-color-primary);
+  color: var(--lsg-color-white);
+}
+.lsg-button--primary:hover:not([disabled]):not(.lsg-button--disabled) {
+  background-color: color-mix(in srgb, var(--lsg-color-primary) 82%, var(--lsg-color-black));
+  border-color: color-mix(in srgb, var(--lsg-color-primary) 82%, var(--lsg-color-black));
+}
+.lsg-button--secondary {
+  background-color: transparent;
+  border-color: var(--lsg-color-primary);
+  color: var(--lsg-color-primary);
+}
+.lsg-button--secondary:hover:not([disabled]):not(.lsg-button--disabled) {
+  background-color: var(--lsg-color-primary);
+  color: var(--lsg-color-white);
+}
+.lsg-button--disabled, .lsg-button[disabled] {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.lsg-banner {
+  position: relative;
+  display: flex;
+  align-items: center;
+  min-height: 400px;
+  padding: 72px 24px;
+  background-color: var(--lsg-color-dark);
+  color: var(--lsg-color-white);
+  overflow: hidden;
+}
+.lsg-banner__background {
+  position: absolute;
+  inset: 0;
+}
+.lsg-banner__background img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.lsg-banner__background::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.15) 100%);
+}
+.lsg-banner__inner {
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 0 24px;
+}
+.lsg-banner__eyebrow {
+  display: block;
+  font-size: 0.8125rem;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: color-mix(in srgb, var(--lsg-color-primary) 35%, var(--lsg-color-white));
+  margin: 0 0 12px;
+}
+.lsg-banner__heading {
+  font-size: clamp(1.75rem, 4vw, 3rem);
+  font-weight: 700;
+  line-height: 1.15;
+  margin: 0 0 16px;
+  max-width: 720px;
+}
+.lsg-banner__copy {
+  font-size: 1.125rem;
+  line-height: 1.6;
+  color: color-mix(in srgb, var(--lsg-color-white) 88%, var(--lsg-color-light));
+  margin: 0 0 36px;
+  max-width: 560px;
+}
+.lsg-card {
+  display: flex;
+  flex-direction: column;
+  border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
+  border-radius: var(--lsg-radius-rounded);
+  background: var(--lsg-color-white);
+  overflow: hidden;
+  transition: box-shadow 0.2s ease;
+  height: 100%;
+}
+.lsg-card:hover {
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+}
+.lsg-card__image {
+  aspect-ratio: 16/9;
+  overflow: hidden;
+}
+.lsg-card__image img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.lsg-card__body {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  padding: 24px;
+  gap: 12px;
+}
+.lsg-card__title {
+  font-size: 1.125rem;
+  font-weight: 600;
+  line-height: 1.3;
+  color: var(--lsg-color-black);
+  margin: 0;
+}
+.lsg-card__description {
+  font-size: var(--lsg-size-body);
+  line-height: 1.6;
+  color: var(--lsg-color-secondary);
+  margin: 0;
+  flex: 1;
+}
+.lsg-card__footer {
+  margin-top: auto;
+  padding-top: 12px;
+  border-top: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 12%, var(--lsg-color-white));
+}
+
+.lsg-cards {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 24px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.lsg-logo {
+  display: inline-flex;
+  align-items: center;
+  text-decoration: none;
+  flex-shrink: 0;
+}
+.lsg-logo__image {
+  display: block;
+  width: auto;
+  height: 40px;
+  max-width: 160px;
+}
+.lsg-logo__text {
+  font-family: var(--lsg-font-family-primary);
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: var(--lsg-color-primary);
+  letter-spacing: -0.01em;
+}
+
+.lsg-nav {
+  font-family: var(--lsg-font-family-primary);
+  --lsg-header-green: var(--lsg-color-primary);
+  --lsg-header-row-active: color-mix(
+          in srgb,
+          var(--lsg-color-primary) 11%,
+          var(--lsg-color-white)
+  );
+}
+.lsg-nav__list, .lsg-nav__dropdown {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.lsg-nav__list {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+}
+.lsg-nav__item {
+  position: relative;
+  display: flex;
+  align-items: stretch;
+}
+.lsg-nav__link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 4px;
+  min-height: 40px;
+  padding: 8px 0;
+  font-family: var(--lsg-font-family-primary);
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 1.5;
+  color: var(--lsg-color-black);
+  text-decoration: none;
+  text-transform: uppercase;
+  border-bottom: 2px solid transparent;
+  transition: color 0.24s ease, border-color 0.24s ease, background-color 0.24s ease;
+}
+.lsg-nav__link p {
+  margin: 0;
+  line-height: inherit;
+}
+.lsg-nav__link:hover, .lsg-nav__link:focus-visible {
+  color: var(--lsg-header-green);
+  outline: none;
+}
+.lsg-nav__link:focus-visible {
+  outline: 1px solid var(--lsg-header-green);
+  outline-offset: 3px;
+}
+.lsg-nav__link--current {
+  color: var(--lsg-header-green);
+  border-bottom-color: var(--lsg-header-green);
+  font-weight: 600;
+}
+.lsg-nav__chevron {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 10px;
+  height: 5px;
+  color: currentColor;
+  transition: transform 0.24s ease;
+}
+.lsg-nav__chevron svg {
+  display: block;
+  width: 10px;
+  height: 5px;
+  fill: currentColor;
+}
+.lsg-nav--dropdown .lsg-nav__item--has-children > .lsg-nav__link .lsg-nav__chevron {
+  transform: rotate(90deg);
+}
+.lsg-nav--dropdown .lsg-nav__dropdown {
+  position: absolute;
+  top: calc(100% + 9px);
+  left: 50%;
+  z-index: 40;
+  width: 176px;
+  padding: 8px 12px;
+  background: var(--lsg-color-light);
+  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
+  opacity: 0;
+  pointer-events: none;
+  transform: translateX(-50%) translateY(-6px);
+  transition: opacity 0.24s ease, transform 0.24s ease, visibility 0.24s ease;
+  visibility: hidden;
+}
+.lsg-nav--dropdown .lsg-nav__dropdown::before {
+  content: "";
+  position: absolute;
+  top: -9px;
+  left: 0;
+  width: 100%;
+  height: 9px;
+}
+.lsg-nav--dropdown .lsg-nav__dropdown::after {
+  content: "";
+  position: absolute;
+  top: -9px;
+  left: 50%;
+  width: 0;
+  height: 0;
+  border-right: 9px solid transparent;
+  border-bottom: 9px solid var(--lsg-color-light);
+  border-left: 9px solid transparent;
+  transform: translateX(-50%);
+}
+.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item {
+  display: block;
+  border-top: 1px solid rgba(0, 0, 0, 0.08);
+}
+.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item:first-child {
+  border-top: 0;
+}
+.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link {
+  display: flex;
+  width: 100%;
+  min-height: 40px;
+  padding: 8px 0;
+  border-bottom: 0;
+  font-size: 14px;
+  line-height: 1.4;
+  text-transform: none;
+}
+.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link:hover, .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link:focus-visible, .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link--current {
+  color: var(--lsg-header-green);
+  font-weight: 600;
+}
+.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__dropdown {
+  position: static;
+  display: none;
+  width: auto;
+  padding: 0 0 0 12px;
+  box-shadow: none;
+  opacity: 1;
+  pointer-events: auto;
+  transform: none;
+  transition: none;
+  visibility: visible;
+}
+.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__dropdown::before, .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__dropdown::after {
+  content: none;
+}
+.lsg-nav--dropdown .lsg-nav__item--open > .lsg-nav__dropdown {
+  opacity: 1;
+  pointer-events: auto;
+  transform: translateX(-50%) translateY(0);
+  visibility: visible;
+}
+.lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item--open > .lsg-nav__dropdown {
+  display: block;
+  transform: none;
+}
+.lsg-nav--dropdown .lsg-nav__item--open > .lsg-nav__link .lsg-nav__chevron {
+  transform: rotate(270deg);
+}
+
+@media (max-width: 767px) {
+  .lsg-nav {
+    display: none;
+  }
+}
+.lsg-lang-switcher {
+  font-family: var(--lsg-font-family-primary);
+  position: relative;
+}
+.lsg-lang-switcher__trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  font-family: var(--lsg-font-family-primary);
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--lsg-color-secondary);
+  background: none;
+  border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
+  border-radius: var(--lsg-radius-rounded);
+  cursor: pointer;
+  transition: border-color 0.15s ease, color 0.15s ease;
+}
+.lsg-lang-switcher__trigger:hover, .lsg-lang-switcher__trigger:focus-visible {
+  border-color: var(--lsg-color-primary);
+  color: var(--lsg-color-primary);
+  outline: none;
+}
+.lsg-lang-switcher__trigger:focus-visible {
+  outline: 2px solid var(--lsg-color-primary);
+  outline-offset: 2px;
+}
+.lsg-lang-switcher__trigger svg {
+  width: 12px;
+  height: 12px;
+  flex-shrink: 0;
+}
+.lsg-lang-switcher__trigger > svg:last-child {
+  transition: transform 0.2s ease;
+}
+.lsg-lang-switcher__trigger[aria-expanded=true] > svg:last-child {
+  transform: rotate(180deg);
+}
+.lsg-lang-switcher__globe {
+  width: 24px;
+  height: 24px;
+  fill: currentColor;
+}
+.lsg-lang-switcher__current {
+  line-height: 1;
+}
+.lsg-lang-switcher__dropdown {
+  position: absolute;
+  top: calc(100% + 4px);
+  right: 0;
+  min-width: 140px;
+  background: var(--lsg-color-light);
+  border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
+  border-radius: var(--lsg-radius-rounded);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  list-style: none;
+  padding: 8px 0;
+  margin: 0;
+  z-index: 100;
+}
+.lsg-lang-switcher__option-link {
+  display: block;
+  padding: 8px 12px;
+  font-size: 14px;
+  color: var(--lsg-color-secondary);
+  text-decoration: none;
+  transition: background-color 0.1s ease, color 0.1s ease;
+}
+.lsg-lang-switcher__option-link:hover, .lsg-lang-switcher__option-link:focus-visible {
+  background-color: color-mix(in srgb, var(--lsg-color-light) 70%, var(--lsg-color-white));
+  color: var(--lsg-color-primary);
+  outline: none;
+}
+.lsg-lang-switcher__option-link--active {
+  font-weight: 600;
+  color: var(--lsg-color-primary);
+}
+
+.lsg-search-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  background: none;
+  border: none;
+  border-radius: 50%;
+  cursor: pointer;
+  color: var(--lsg-color-secondary);
+  transition: background-color 0.15s ease, color 0.15s ease;
+}
+.lsg-search-trigger:hover, .lsg-search-trigger:focus-visible {
+  background-color: color-mix(in srgb, var(--lsg-color-light) 70%, var(--lsg-color-white));
+  color: var(--lsg-color-primary);
+}
+.lsg-search-trigger:focus-visible {
+  outline: 2px solid var(--lsg-color-primary);
+  outline-offset: 2px;
+}
+.lsg-search-trigger svg {
+  width: 20px;
+  height: 20px;
+  pointer-events: none;
+}
+
+.lsg-search-overlay {
+  font-family: var(--lsg-font-family-primary);
+  position: fixed;
+  inset: 0;
+  z-index: 200;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding-top: 80px;
+  background-color: rgba(0, 0, 0, 0.55);
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.2s ease, visibility 0.2s ease;
+}
+.lsg-search-overlay--open {
+  opacity: 1;
+  visibility: visible;
+}
+.lsg-search-overlay__panel {
+  width: 100%;
+  max-width: 640px;
+  margin: 0 24px;
+  background: var(--lsg-color-white);
+  border-radius: var(--lsg-radius-rounded);
+  padding: 24px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+}
+.lsg-search-overlay__form {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  border-bottom: 2px solid var(--lsg-color-primary);
+  padding-bottom: 12px;
+}
+.lsg-search-overlay__input {
+  flex: 1;
+  border: none;
+  font-size: var(--lsg-size-body);
+  font-family: var(--lsg-font-family-primary);
+  color: var(--lsg-color-dark);
+  background: transparent;
+}
+.lsg-search-overlay__input:focus {
+  outline: none;
+}
+.lsg-search-overlay__input::placeholder {
+  color: color-mix(in srgb, var(--lsg-color-secondary) 45%, var(--lsg-color-white));
+}
+.lsg-search-overlay__submit {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--lsg-color-primary);
+  padding: 8px;
+}
+.lsg-search-overlay__submit:focus-visible {
+  outline: 2px solid var(--lsg-color-primary);
+  outline-offset: 2px;
+  border-radius: var(--lsg-radius-rounded);
+}
+.lsg-search-overlay__submit svg {
+  width: 20px;
+  height: 20px;
+}
+.lsg-search-overlay__close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: color-mix(in srgb, var(--lsg-color-secondary) 60%, var(--lsg-color-white));
+  border-radius: 50%;
+  transition: background-color 0.15s ease, color 0.15s ease;
+  flex-shrink: 0;
+}
+.lsg-search-overlay__close:hover {
+  background-color: color-mix(in srgb, var(--lsg-color-light) 70%, var(--lsg-color-white));
+  color: var(--lsg-color-dark);
+}
+.lsg-search-overlay__close:focus-visible {
+  outline: 2px solid var(--lsg-color-primary);
+  outline-offset: 2px;
+}
+.lsg-search-overlay__close svg {
+  width: 16px;
+  height: 16px;
+}
+
+@keyframes lsg-header-panel-in {
+  from {
+    opacity: 0;
+    transform: translateY(-6px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.lsg-header {
+  --lsg-header-green: var(--lsg-color-primary);
+  --lsg-header-active: color-mix(in srgb, var(--lsg-color-primary) 11%, var(--lsg-color-white));
+  --lsg-header-divider: rgba(255, 255, 255, 0.2);
+  --lsg-header-text: var(--lsg-color-black);
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  width: 100%;
+  background: var(--lsg-color-white);
+  color: var(--lsg-header-text);
+  font-family: var(--lsg-font-family-primary);
+}
+.lsg-header__inner {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  width: min(100%, 1320px);
+  height: 98px;
+  margin: 0 auto;
+  padding: 0 clamp(48px, 13.9vw, 200px);
+  background: var(--lsg-color-white);
+}
+.lsg-header .lsg-logo-decorator {
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+  min-width: 170px;
+}
+.lsg-header .lsg-logo {
+  min-width: 136px;
+  min-height: 28px;
+}
+.lsg-header .lsg-logo__image {
+  width: 136px;
+  height: auto;
+  max-width: 136px;
+}
+.lsg-header .lsg-logo__text {
+  display: inline-flex;
+  align-items: center;
+  min-width: 136px;
+  min-height: 28px;
+  padding: 0 12px;
+  background: linear-gradient(45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.04) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.04) 75%);
+  background-color: var(--lsg-color-white);
+  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+  background-size: 12px 12px;
+  color: transparent;
+}
+.lsg-header__nav {
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: flex-end;
+  min-width: 0;
+}
+.lsg-header__desktop-actions, .lsg-header__desktop-menu, .lsg-header__actions, .lsg-header__mobile-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.lsg-header__desktop-actions {
+  flex: 0 0 auto;
+}
+.lsg-header__desktop-menu {
+  flex: 1 1 auto;
+  justify-content: flex-end;
+}
+.lsg-header__mobile-actions {
+  display: none;
+  margin-left: auto;
+}
+.lsg-header__icon {
+  display: block;
+  width: 14px;
+  height: 14px;
+  fill: currentColor;
+}
+.lsg-header__icon svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+  fill: currentColor;
+}
+.lsg-header__icon--search {
+  width: 20px;
+  height: 20px;
+}
+.lsg-header__icon-button, .lsg-header__menu-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: var(--lsg-header-text);
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  cursor: pointer;
+  text-decoration: none;
+  transition: color 0.24s ease, outline-color 0.24s ease;
+}
+.lsg-header__icon-button:hover, .lsg-header__icon-button:focus-visible, .lsg-header__menu-trigger:hover, .lsg-header__menu-trigger:focus-visible {
+  color: var(--lsg-header-green);
+  outline: none;
+}
+.lsg-header__icon-button:focus-visible, .lsg-header__menu-trigger:focus-visible {
+  outline: 1px solid var(--lsg-header-green);
+  outline-offset: 3px;
+}
+.lsg-header__icon-button {
+  width: 20px;
+  height: 20px;
+}
+.lsg-header__icon-button .lsg-header__icon {
+  width: 20px;
+  height: 20px;
+}
+.lsg-header .lsg-lang-switcher__trigger {
+  min-height: 20px;
+  padding: 0;
+  border: 0;
+  color: var(--lsg-header-text);
+}
+.lsg-header .lsg-lang-switcher__globe {
+  width: 24px;
+  height: 24px;
+}
+.lsg-header .lsg-lang-switcher__current {
+  font-size: 14px;
+}
+.lsg-header__menu-trigger {
+  gap: 4px;
+  min-height: 20px;
+  font-size: 16px;
+  line-height: 1;
+  text-transform: uppercase;
+}
+.lsg-header__menu-trigger .lsg-header__icon {
+  width: 20px;
+  height: 14px;
+}
+.lsg-header__separator {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 18px;
+  color: var(--lsg-header-text);
+  font-size: 18px;
+  line-height: 18px;
+  opacity: 0.62;
+}
+.lsg-header__mega-panel {
+  box-sizing: border-box;
+  display: none;
+  width: min(100%, 1320px);
+  min-height: 330px;
+  margin: 0 auto;
+  padding: 44px clamp(48px, 13.9vw, 200px);
+  background: var(--lsg-color-white);
+  border-top: 1px solid transparent;
+  animation: lsg-header-panel-in 0.24s ease both;
+}
+.lsg-header--menu-open > .lsg-header__mega-panel {
+  display: block;
+}
+.lsg-header__mega-inner {
+  display: flex;
+  align-items: flex-start;
+  gap: 0;
+}
+.lsg-header__mega-column {
+  position: relative;
+  width: 229px;
+  min-height: 212px;
+  padding: 0 20px 0 0;
+  margin: 0;
+  list-style: none;
+  border-right: 1px solid rgba(0, 0, 0, 0.12);
+}
+.lsg-header__mega-column + .lsg-header__mega-column {
+  padding-left: 20px;
+}
+.lsg-header__mega-column:last-child {
+  border-right: 0;
+}
+.lsg-header__mega-column .lsg-header__mega-column {
+  position: absolute;
+  top: 0;
+  left: 100%;
+  display: none;
+  padding-left: 20px;
+}
+.lsg-header__mega-column .lsg-header__mega-column--open {
+  display: block;
+}
+.lsg-header__mega-item {
+  margin: 0 0 4px;
+}
+.lsg-header__mega-item--open > .lsg-header__mega-link, .lsg-header__mega-item:hover > .lsg-header__mega-link, .lsg-header__mega-item:focus-within > .lsg-header__mega-link {
+  color: var(--lsg-color-white);
+  background: var(--lsg-color-primary);
+  font-weight: 600;
+  outline: none;
+}
+.lsg-header__mega-link {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  min-height: 35px;
+  padding: 6px 10px;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 1.5;
+  color: var(--lsg-color-white);
+  background: var(--lsg-color-primary);
+  text-decoration: none;
+  text-transform: uppercase;
+  transition: font-weight 0.1s ease;
+}
+.lsg-header__mega-link:hover, .lsg-header__mega-link:focus-visible {
+  color: var(--lsg-color-white);
+  background: var(--lsg-color-primary);
+  font-weight: 600;
+  outline: none;
+}
+.lsg-header__mega-link .lsg-header__icon {
+  width: 8px;
+  height: 8px;
+  flex: 0 0 auto;
+  fill: var(--lsg-color-white);
+}
+.lsg-header__mega-column .lsg-header__mega-link {
+  font-size: 14px;
+  text-transform: none;
+}
+.lsg-header__mega-item--active > .lsg-header__mega-link {
+  color: var(--lsg-color-white);
+  background: var(--lsg-color-primary);
+  font-weight: 600;
+}
+.lsg-header__mobile-panel {
+  display: none;
+}
+.lsg-header--simple .lsg-header__inner, .lsg-header--dropdown .lsg-header__inner {
+  justify-content: flex-start;
+}
+.lsg-header--mega .lsg-header__inner {
+  justify-content: space-between;
+}
+
+.lsg-header-decorator {
+  min-height: 100vh;
+  padding: 48px 0;
+  background: var(--lsg-color-white);
+}
+.lsg-header-decorator .lsg-header {
+  position: relative;
+  width: min(100% - 96px, 1320px);
+  margin: 0 auto;
+}
+
+@media (max-width: 767px) {
+  .lsg-header {
+    position: relative;
+    width: 100%;
+    min-height: 82px;
+  }
+  .lsg-header__inner {
+    width: 100%;
+    height: 82px;
+    padding: 0 16px;
+    gap: 8px;
+  }
+  .lsg-header .lsg-logo-decorator {
+    min-width: 150px;
+  }
+  .lsg-header .lsg-logo {
+    width: 150px;
+    min-width: 150px;
+    min-height: 50px;
+  }
+  .lsg-header .lsg-logo__image {
+    width: 150px;
+    max-width: 150px;
+    max-height: 50px;
+    object-fit: contain;
+  }
+  .lsg-header .lsg-logo__text {
+    min-width: 150px;
+    min-height: 50px;
+    background-position: 0 0, 0 7px, 7px -7px, -7px 0;
+    background-size: 14px 14px;
+  }
+  .lsg-header__nav, .lsg-header__desktop-actions, .lsg-header__desktop-menu, .lsg-header__mega-panel {
+    display: none;
+  }
+  .lsg-header--menu-open > .lsg-header__mega-panel {
+    display: none;
+  }
+  .lsg-header__mobile-actions {
+    display: flex;
+    gap: 9px;
+  }
+  .lsg-header__icon-button {
+    width: 20px;
+    height: 20px;
+  }
+  .lsg-header .lsg-lang-switcher__trigger {
+    min-height: 18px;
+  }
+  .lsg-header .lsg-lang-switcher__globe {
+    width: 24px;
+    height: 24px;
+  }
+  .lsg-header__icon {
+    width: 14px;
+    height: 14px;
+  }
+  .lsg-header__icon--search {
+    width: 20px;
+    height: 20px;
+  }
+  .lsg-header__separator {
+    height: 24px;
+    font-size: 24px;
+    line-height: 24px;
+  }
+  .lsg-header__mobile-panel {
+    display: none;
+    min-height: calc(100vh - 82px);
+    padding: 10px 16px 48px;
+    background: var(--lsg-color-white);
+    animation: lsg-header-panel-in 0.24s ease both;
+  }
+  .lsg-header--menu-open > .lsg-header__mobile-panel {
+    display: block;
+  }
+  .lsg-header__mobile-panel .lsg-nav {
+    display: block;
+  }
+  .lsg-header__mobile-panel .lsg-nav__list, .lsg-header__mobile-panel .lsg-nav__dropdown {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+  .lsg-header__mobile-panel .lsg-nav__item {
+    display: block;
+  }
+  .lsg-header__mobile-panel .lsg-nav__link {
+    display: flex;
+    width: 100%;
+    min-height: 40px;
+    padding: 0 8px;
+    border-bottom: 0;
+    font-size: 14px;
+    text-transform: uppercase;
+  }
+  .lsg-header__mobile-panel .lsg-nav__link:hover, .lsg-header__mobile-panel .lsg-nav__link:focus-visible, .lsg-header__mobile-panel .lsg-nav__link--current {
+    color: var(--lsg-header-green);
+    background: var(--lsg-header-active);
+  }
+  .lsg-header__mobile-panel .lsg-nav__chevron {
+    width: 10px;
+    height: 5px;
+  }
+  .lsg-header__mobile-panel .lsg-nav__chevron svg {
+    width: 10px;
+    height: 5px;
+  }
+  .lsg-header__mobile-panel .lsg-nav--dropdown .lsg-nav__dropdown {
+    position: static;
+    width: auto;
+    padding: 0 0 0 16px;
+    box-shadow: none;
+    opacity: 1;
+    pointer-events: auto;
+    transform: none;
+    visibility: visible;
+  }
+  .lsg-header__mobile-panel .lsg-nav--dropdown .lsg-nav__dropdown::before, .lsg-header__mobile-panel .lsg-nav--dropdown .lsg-nav__dropdown::after {
+    content: none;
+  }
+  .lsg-header__mobile-panel .lsg-nav--dropdown .lsg-nav__item--has-children:not(.lsg-nav__item--open) > .lsg-nav__dropdown {
+    display: none;
+  }
+  .lsg-header__mobile-panel .lsg-header__mega-panel {
+    display: block;
+    width: auto;
+    min-height: 0;
+    padding: 0;
+    animation: none;
+  }
+  .lsg-header__mobile-panel .lsg-header__mega-inner,
+  .lsg-header__mobile-panel .lsg-header__mega-column {
+    display: flex;
+    flex-direction: column;
+    width: auto;
+    min-height: 0;
+    padding: 0;
+    border-right: 0;
+  }
+  .lsg-header__mobile-panel .lsg-header__mega-link {
+    min-height: 40px;
+    font-size: 14px;
+    padding: 6px 10px;
+    background: var(--lsg-color-primary);
+    color: var(--lsg-color-white);
+    text-transform: uppercase;
+  }
+  .lsg-header__mega-column .lsg-header__mobile-panel .lsg-header__mega-link {
+    font-size: 14px;
+    text-transform: none;
+  }
+  .lsg-header__breadcrumb {
+    display: flex;
+    align-items: center;
+    gap: 7px;
+    min-height: 35px;
+    margin: -2px -16px 18px;
+    padding: 0 16px;
+    font-size: 14px;
+    color: var(--lsg-header-text);
+    border-bottom: 1px solid transparent;
+  }
+  .lsg-header__breadcrumb .lsg-header__icon {
+    width: 8px;
+    height: 5px;
+    flex: 0 0 auto;
+  }
+  .lsg-header__breadcrumb-home {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    color: var(--lsg-header-text);
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+    transition: color 0.24s ease;
+  }
+  .lsg-header__breadcrumb-home .lsg-header__icon {
+    width: 18px;
+    height: 16px;
+  }
+  .lsg-header__breadcrumb-ancestor, .lsg-header__breadcrumb-current {
+    min-width: 0;
+    padding: 0;
+    overflow: hidden;
+    color: inherit;
+    font: inherit;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+    transition: color 0.24s ease, border-color 0.24s ease;
+  }
+  .lsg-header__breadcrumb-ancestor {
+    max-width: 80px;
+  }
+  .lsg-header__breadcrumb-ancestor--ellipsis {
+    flex: 0 0 auto;
+    width: 1em;
+    max-width: 1em;
+    text-align: center;
+    text-overflow: clip;
+  }
+  .lsg-header__breadcrumb-current {
+    max-width: 170px;
+    padding: 0 0 5px;
+    color: var(--lsg-header-green);
+    border-bottom: 2px solid var(--lsg-header-green);
+  }
+  .lsg-header__breadcrumb-home:hover, .lsg-header__breadcrumb-home:focus-visible, .lsg-header__breadcrumb-ancestor:hover, .lsg-header__breadcrumb-ancestor:focus-visible, .lsg-header__breadcrumb-current:hover, .lsg-header__breadcrumb-current:focus-visible {
+    color: var(--lsg-header-green);
+    outline: none;
+  }
+  .lsg-header__mobile-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+  .lsg-header__mobile-link {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    min-height: 40px;
+    padding: 0 8px;
+    font-size: 14px;
+    line-height: 1.4;
+    color: var(--lsg-header-text);
+    text-decoration: none;
+    transition: color 0.24s ease, background-color 0.24s ease;
+  }
+  .lsg-header__mobile-link .lsg-header__icon {
+    width: 10px;
+    height: 5px;
+    flex: 0 0 auto;
+  }
+  .lsg-header__mobile-link:hover, .lsg-header__mobile-link:focus-visible {
+    color: var(--lsg-header-green);
+    background: var(--lsg-header-active);
+    outline: none;
+  }
+  .lsg-header__mobile-item--active > .lsg-header__mobile-link {
+    color: var(--lsg-header-green);
+    background: var(--lsg-header-active);
+    font-weight: 600;
+  }
+  .lsg-header-decorator {
+    padding: 0;
+  }
+  .lsg-header-decorator .lsg-header {
+    width: 393px;
+    max-width: 100%;
+    margin: 0 auto;
+  }
+}
+.lsg-quick-links__heading {
+  font-size: 0.8125rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: color-mix(in srgb, var(--lsg-color-secondary) 38%, var(--lsg-color-white));
+  margin: 0 0 16px;
+}
+.lsg-quick-links__list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.lsg-quick-links__link {
+  font-size: 0.9375rem;
+  color: color-mix(in srgb, var(--lsg-color-secondary) 30%, var(--lsg-color-white));
+  text-decoration: none;
+  transition: color 0.15s ease;
+}
+.lsg-quick-links__link:hover, .lsg-quick-links__link:focus-visible {
+  color: var(--lsg-color-white);
+  outline: none;
+}
+.lsg-quick-links__link:focus-visible {
+  text-decoration: underline;
+}
+
+.lsg-social-icons {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.lsg-social-icons__link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  color: color-mix(in srgb, var(--lsg-color-secondary) 38%, var(--lsg-color-white));
+  border-radius: 50%;
+  border: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 52%, var(--lsg-color-white));
+  transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
+}
+.lsg-social-icons__link:hover, .lsg-social-icons__link:focus-visible {
+  color: var(--lsg-color-white);
+  border-color: var(--lsg-color-white);
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.lsg-social-icons__link:focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--lsg-color-primary) 35%, var(--lsg-color-white));
+  outline-offset: 2px;
+}
+.lsg-social-icons__link svg {
+  width: 16px;
+  height: 16px;
+  pointer-events: none;
+  fill: currentColor;
+}
+
+.lsg-footer {
+  font-family: var(--lsg-font-family-primary);
+  background-color: #18181b;
+  color: #ffffff;
+  width: 100%;
+}
+.lsg-footer--simple .lsg-footer__simple-inner {
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: 0 72px;
+  height: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+}
+@media (max-width: 768px) {
+  .lsg-footer--simple .lsg-footer__simple-inner {
+    height: auto;
+    flex-direction: column-reverse;
+    align-items: flex-start;
+    padding: 36px 16px;
+    gap: 0;
+  }
+}
+.lsg-footer--simple .lsg-footer__simple-nav {
+  display: flex;
+  align-items: center;
+  gap: 0;
+}
+@media (max-width: 768px) {
+  .lsg-footer--simple .lsg-footer__simple-nav {
+    flex-direction: column;
+    align-items: flex-start;
+    width: 100%;
+    margin-bottom: 24px;
+  }
+}
+.lsg-footer--simple .lsg-footer__pipe {
+  color: #ffffff;
+  font-size: 0.875rem;
+  padding: 0 8px;
+  opacity: 0.5;
+}
+@media (max-width: 768px) {
+  .lsg-footer--simple .lsg-footer__pipe {
+    display: none;
+  }
+}
+.lsg-footer--simple .lsg-footer__mobile-divider {
+  display: none;
+}
+@media (max-width: 768px) {
+  .lsg-footer--simple .lsg-footer__mobile-divider {
+    display: block;
+    border: none;
+    border-top: 1px solid rgba(255, 255, 255, 0.2);
+    margin: 0;
+    width: 100%;
+  }
+}
+.lsg-footer--simple .lsg-footer__simple-nav-item {
+  color: #ffffff;
+  text-decoration: none;
+  font-size: 0.875rem;
+  height: 40px;
+  display: inline-flex;
+  align-items: center;
+  padding: 0 4px;
+  white-space: nowrap;
+}
+.lsg-footer--simple .lsg-footer__simple-nav-item:hover {
+  text-decoration: underline;
+}
+@media (max-width: 768px) {
+  .lsg-footer--simple .lsg-footer__simple-nav-item {
+    width: 100%;
+    padding: 0;
+    font-size: 0.9375rem;
+  }
+}
+.lsg-footer--complex .lsg-footer__complex-inner {
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: 72px;
+  display: grid;
+  grid-template-columns: 200px 1fr;
+  gap: 72px;
+}
+@media (max-width: 768px) {
+  .lsg-footer--complex .lsg-footer__complex-inner {
+    grid-template-columns: 1fr;
+    gap: 36px;
+    padding: 36px 16px;
+  }
+}
+.lsg-footer--complex .lsg-footer__logo-col {
+  display: flex;
+  align-items: flex-start;
+  padding-top: 4px;
+}
+.lsg-footer--complex .lsg-footer__logo-col .lsg-logo__text {
+  color: #ffffff;
+  font-weight: 700;
+}
+.lsg-footer--complex .lsg-footer__logo-col .lsg-logo__image {
+  filter: brightness(0) invert(1);
+}
+@media (max-width: 768px) {
+  .lsg-footer--complex .lsg-footer__logo-col {
+    padding-top: 0;
+  }
+}
+.lsg-footer--complex .lsg-footer__content-cols {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 72px;
+}
+@media (max-width: 768px) {
+  .lsg-footer--complex .lsg-footer__content-cols {
+    grid-template-columns: 1fr;
+    gap: 36px;
+  }
+  .lsg-footer--complex .lsg-footer__content-cols .lsg-footer__quicklinks-col {
+    order: 1;
+  }
+  .lsg-footer--complex .lsg-footer__content-cols .lsg-footer__contact-col {
+    order: 2;
+  }
+}
+.lsg-footer--complex .lsg-footer__col-heading {
+  font-size: 0.875rem;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: #ffffff;
+  margin: 0 0 24px 0;
+  padding: 0;
+  line-height: 25px;
+}
+.lsg-footer--complex .lsg-footer__address {
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
+  margin-bottom: 16px;
+}
+.lsg-footer--complex .lsg-footer__address svg {
+  flex-shrink: 0;
+  margin-top: 3px;
+  color: #ffffff;
+}
+.lsg-footer--complex .lsg-footer__address p {
+  margin: 0;
+  font-size: 0.875rem;
+  line-height: 1.6;
+  color: #ffffff;
+  white-space: pre-line;
+}
+.lsg-footer--complex .lsg-footer__divider {
+  border: none;
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
+  margin: 16px 0;
+}
+.lsg-footer--complex .lsg-footer__contact-items {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.lsg-footer--complex .lsg-footer__contact-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-size: 0.875rem;
+  color: #ffffff;
+  height: 24px;
+}
+.lsg-footer--complex .lsg-footer__contact-item svg {
+  flex-shrink: 0;
+  color: #ffffff;
+}
+.lsg-footer--complex .lsg-footer__contact-item span,
+.lsg-footer--complex .lsg-footer__contact-item a {
+  color: #ffffff;
+  text-decoration: none;
+  line-height: 24px;
+}
+.lsg-footer--complex .lsg-footer__contact-item a:hover {
+  text-decoration: underline;
+}
+.lsg-footer--complex .lsg-footer__quicklinks-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.lsg-footer--complex .lsg-footer__quicklink-item:last-child .lsg-footer__divider {
+  display: none;
+}
+.lsg-footer--complex .lsg-footer__quicklink {
+  display: block;
+  color: #ffffff;
+  text-decoration: none;
+  font-size: 0.875rem;
+  line-height: 24px;
+  height: 24px;
+}
+.lsg-footer--complex .lsg-footer__quicklink:hover {
+  text-decoration: underline;
+}
+.lsg-footer--complex .lsg-footer__bottom-divider {
+  border: none;
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
+  margin: 0;
+}
+.lsg-footer--complex .lsg-footer__bottom {
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: 16px 72px;
+}
+@media (max-width: 768px) {
+  .lsg-footer--complex .lsg-footer__bottom {
+    padding: 16px;
+  }
+}
+.lsg-footer__copyright {
+  font-size: 0.875rem;
+  line-height: 29px;
+  color: #ffffff;
+  margin: 0;
+}
+
+.cmp-container {
+  width: 100%;
+}
+
+.layout-container-color-wrapper {
+  width: 100%;
+}
+
+.layout-container-spacing-wrapper {
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.layout-container--full-width > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  max-width: var(--lsg-container-width-full);
+  padding: 0 var(--lsg-spacing-size-SM);
+}
+
+.layout-container--medium > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  max-width: var(--lsg-container-width-medium);
+  margin-inline: auto;
+  padding-inline: 24px;
+}
+
+.layout-container--narrow > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  max-width: var(--lsg-container-width-narrow);
+  margin-inline: auto;
+  padding-inline: 24px;
+}
+
+.layout-container--top-padding-0 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: 0;
+}
+
+.layout-container--top-padding-4 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-2XS);
+}
+
+.layout-container--top-padding-8 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-XS);
+}
+
+.layout-container--top-padding-16 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-SM);
+}
+
+.layout-container--top-padding-24 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-MD);
+}
+
+.layout-container--top-padding-32 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-LG);
+}
+
+.layout-container--top-padding-64 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-XL);
+}
+
+.layout-container--top-padding-96 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-2XL);
+}
+
+.layout-container--top-padding-128 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-3XL);
+}
+
+.layout-container--bottom-padding-0 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-bottom: 0;
+}
+
+.layout-container--bottom-padding-4 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-bottom: var(--lsg-spacing-size-2XS);
+}
+
+.layout-container--bottom-padding-8 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-bottom: var(--lsg-spacing-size-XS);
+}
+
+.layout-container--bottom-padding-16 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-bottom: var(--lsg-spacing-size-SM);
+}
+
+.layout-container--bottom-padding-24 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-bottom: var(--lsg-spacing-size-MD);
+}
+
+.layout-container--bottom-padding-32 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-bottom: var(--lsg-spacing-size-LG);
+}
+
+.layout-container--bottom-padding-64 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-bottom: var(--lsg-spacing-size-XL);
+}
+
+.layout-container--bottom-padding-96 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-bottom: var(--lsg-spacing-size-2XL);
+}
+
+.layout-container--bottom-padding-128 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-bottom: var(--lsg-spacing-size-3XL);
+}
+
+.layout-container--vertical-alignment-top > .layout-container-color-wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+}
+
+.layout-container--vertical-alignment-middle > .layout-container-color-wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.layout-container--background-color-white > .layout-container-color-wrapper {
+  background-color: var(--lsg-color-white);
+  color: var(--lsg-color-dark);
+}
+
+.layout-container--background-color-light > .layout-container-color-wrapper {
+  background-color: var(--lsg-color-light);
+  color: var(--lsg-color-dark);
+}
+
+.layout-container--background-color-primary > .layout-container-color-wrapper {
+  background-color: var(--lsg-color-primary);
+  color: var(--lsg-color-white);
+}
+
+.layout-container--background-color-secondary > .layout-container-color-wrapper {
+  background-color: var(--lsg-color-secondary);
+  color: var(--lsg-color-white);
+}
+
+.layout-container--background-color-tertiary > .layout-container-color-wrapper {
+  background-color: var(--lsg-color-tertiary);
+  color: var(--lsg-color-white);
+}
+
+.layout-container--background-color-dark > .layout-container-color-wrapper {
+  background-color: var(--lsg-color-dark);
+  color: var(--lsg-color-white);
+}
+
+.layout-container--background-color-black > .layout-container-color-wrapper {
+  background-color: var(--lsg-color-black);
+  color: var(--lsg-color-white);
+}
+
+.lsg-ai-banner {
+  width: 100%;
+  background-color: var(--lsg-ai-banner-bg);
+}
+.lsg-ai-banner__inner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  max-width: var(--lsg-ai-banner-max-width);
+  margin: 0 auto;
+  padding: 0 24px;
+  height: var(--lsg-ai-banner-height);
+}
+.lsg-ai-banner__content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--lsg-ai-banner-gap);
+  min-width: 0;
+}
+@media (min-width: 768px) {
+  .lsg-ai-banner__content {
+    transform: translateX(25vw);
+  }
+}
+.lsg-ai-banner__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: var(--lsg-ai-banner-icon-color);
+  width: var(--lsg-ai-banner-icon-size);
+  height: var(--lsg-ai-banner-icon-size);
+}
+.lsg-ai-banner__icon-svg {
+  width: var(--lsg-ai-banner-icon-size);
+  height: var(--lsg-ai-banner-icon-size);
+}
+.lsg-ai-banner__text {
+  font-size: var(--lsg-ai-banner-font-size);
+  line-height: 1.35;
+  color: var(--lsg-ai-banner-text-color);
+  margin: 0;
+  text-align: center;
+}
+.lsg-ai-banner__text strong {
+  font-weight: inherit;
+}
+
+.lsg-accordion {
+  font-family: var(--lsg-font-family-primary);
+  width: 100%;
+  max-width: var(--lsg-accordion-max-width);
+}
+.lsg-accordion--bordered {
+  border: 1px solid var(--lsg-accordion-divider-color);
+  border-radius: var(--lsg-accordion-border-radius);
+  overflow: hidden;
+}
+.lsg-accordion--bordered .lsg-accordion__item:first-child {
+  border-top: none;
+}
+.lsg-accordion__item {
+  border-top: 1px solid var(--lsg-accordion-divider-color);
+}
+.lsg-accordion__item--open > .lsg-accordion__header {
+  color: var(--lsg-accordion-active-color);
+}
+.lsg-accordion__header {
+  width: 100%;
+  min-height: var(--lsg-accordion-header-height);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: var(--lsg-accordion-header-padding-y) 0;
+  background: none;
+  border: none;
+  cursor: pointer;
+  text-align: left;
+  color: var(--lsg-accordion-title-color);
+  font-family: var(--lsg-font-family-primary, inherit);
+  transition: color 200ms ease, border-color 200ms ease;
+}
+.lsg-accordion__header:hover {
+  color: var(--lsg-accordion-active-color);
+}
+.lsg-accordion__header:focus-visible {
+  outline: 2px solid var(--lsg-accordion-active-color);
+  outline-offset: -2px;
+}
+.lsg-accordion__title {
+  font-size: var(--lsg-accordion-title-font-size);
+  font-weight: var(--lsg-font-weight-semibold, 600);
+  line-height: 1.4;
+  flex: 1;
+  padding-left: calc(var(--lsg-accordion-icon-size) + var(--lsg-accordion-icon-gap));
+}
+.lsg-accordion__icon {
+  order: -1;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--lsg-accordion-icon-color);
+  transition: transform var(--lsg-accordion-transition), color 200ms ease;
+}
+.lsg-accordion__icon--open {
+  color: var(--lsg-accordion-active-color);
+}
+.lsg-accordion--icon-chevron .lsg-accordion__icon--open {
+  transform: rotate(180deg);
+}
+.lsg-accordion__icon--open .lsg-accordion__icon-plus-line {
+  display: none;
+}
+.lsg-accordion__icon-svg {
+  width: var(--lsg-accordion-icon-size);
+  height: var(--lsg-accordion-icon-size);
+}
+.lsg-accordion__panel {
+  overflow: hidden;
+  max-height: 0;
+  opacity: 0;
+  transition: max-height var(--lsg-accordion-transition), opacity var(--lsg-accordion-transition);
+}
+.lsg-accordion__panel--open {
+  max-height: 4000px;
+  opacity: 1;
+  padding-bottom: var(--lsg-accordion-content-padding-bottom);
+}
+.lsg-accordion__content {
+  margin-left: calc(var(--lsg-accordion-icon-size) / 2);
+  padding: 0 0 0 var(--lsg-accordion-content-indent);
+  border-left: var(--lsg-accordion-content-border-width) solid var(--lsg-accordion-active-color);
+  font-size: var(--lsg-accordion-content-font-size);
+  line-height: var(--lsg-accordion-content-line-height);
+  color: var(--lsg-accordion-content-color);
+}
+.lsg-accordion__content p {
+  margin: 0 0 12px;
+}
+.lsg-accordion__content p:last-child {
+  margin-bottom: 0;
+}
+.lsg-accordion__content ul, .lsg-accordion__content ol {
+  margin: 0 0 12px 24px;
+  padding: 0;
+}
+.lsg-accordion__content a {
+  color: var(--lsg-accordion-active-color);
+}
+.lsg-accordion__content img {
+  max-width: 100%;
+  height: auto;
+}
+.lsg-accordion--faq .lsg-accordion__title {
+  font-size: var(--lsg-accordion-faq-title-font-size);
+}
+.lsg-accordion--faq .lsg-accordion__content {
+  font-size: var(--lsg-accordion-faq-content-font-size);
+}
+@media (min-width: 768px) {
+  .lsg-accordion__header {
+    min-height: var(--lsg-accordion-header-height);
+  }
+  .lsg-accordion__title {
+    padding-left: var(--lsg-accordion-icon-gap);
+  }
+}
+
+.lsg-visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.lsg-themed-component {
+  display: contents;
+}
+
+.lsg-type-h1,
+.cmp-lsg-title h1 {
+  font-family: var(--lsg-type-heading-family);
+  font-size: var(--lsg-type-h1-mobile-size);
+  font-weight: var(--lsg-font-weight-semibold);
+  line-height: var(--lsg-type-h1-mobile-line-height);
+}
+@media (min-width: 992px) {
+  .lsg-type-h1,
+  .cmp-lsg-title h1 {
+    font-size: var(--lsg-type-h1-desktop-size);
+    line-height: var(--lsg-type-h1-desktop-line-height);
+  }
+}
+
+.lsg-type-h2,
+.cmp-lsg-title h2 {
+  font-family: var(--lsg-type-heading-family);
+  font-size: var(--lsg-type-h2-mobile-size);
+  font-weight: var(--lsg-font-weight-semibold);
+  line-height: var(--lsg-type-h2-mobile-line-height);
+}
+@media (min-width: 992px) {
+  .lsg-type-h2,
+  .cmp-lsg-title h2 {
+    font-size: var(--lsg-type-h2-desktop-size);
+    line-height: var(--lsg-type-h2-desktop-line-height);
+  }
+}
+
+.lsg-type-h3,
+.cmp-lsg-title h3 {
+  font-family: var(--lsg-type-heading-family);
+  font-size: var(--lsg-type-h3-mobile-size);
+  font-weight: var(--lsg-font-weight-semibold);
+  line-height: var(--lsg-type-h3-mobile-line-height);
+}
+@media (min-width: 992px) {
+  .lsg-type-h3,
+  .cmp-lsg-title h3 {
+    font-size: var(--lsg-type-h3-desktop-size);
+    line-height: var(--lsg-type-h3-desktop-line-height);
+  }
+}
+
+.lsg-type-h4,
+.cmp-lsg-title h4 {
+  font-family: var(--lsg-type-heading-family);
+  font-size: var(--lsg-type-h4-mobile-size);
+  font-weight: var(--lsg-font-weight-semibold);
+  line-height: var(--lsg-type-h4-mobile-line-height);
+}
+@media (min-width: 992px) {
+  .lsg-type-h4,
+  .cmp-lsg-title h4 {
+    font-size: var(--lsg-type-h4-desktop-size);
+    line-height: var(--lsg-type-h4-desktop-line-height);
+  }
+}
+
+.lsg-type-h5,
+.cmp-lsg-title h5 {
+  font-family: var(--lsg-type-heading-family);
+  font-size: var(--lsg-type-h5-mobile-size);
+  font-weight: var(--lsg-font-weight-semibold);
+  line-height: var(--lsg-type-h5-mobile-line-height);
+}
+@media (min-width: 992px) {
+  .lsg-type-h5,
+  .cmp-lsg-title h5 {
+    font-size: var(--lsg-type-h5-desktop-size);
+    line-height: var(--lsg-type-h5-desktop-line-height);
+  }
+}
+
+.lsg-type-h6,
+.cmp-lsg-title h6 {
+  font-family: var(--lsg-type-heading-family);
+  font-size: var(--lsg-type-h6-mobile-size);
+  font-weight: var(--lsg-font-weight-semibold);
+  line-height: var(--lsg-type-h6-mobile-line-height);
+}
+@media (min-width: 992px) {
+  .lsg-type-h6,
+  .cmp-lsg-title h6 {
+    font-size: var(--lsg-type-h6-desktop-size);
+    line-height: var(--lsg-type-h6-desktop-line-height);
+  }
+}
+
+.lsg-type-pretitle {
+  font-family: var(--lsg-type-body-family);
+  font-size: var(--lsg-type-pretitle-mobile-size);
+  font-weight: var(--lsg-font-weight-semibold);
+  line-height: var(--lsg-type-pretitle-mobile-line-height);
+}
+@media (min-width: 992px) {
+  .lsg-type-pretitle {
+    font-size: var(--lsg-type-pretitle-desktop-size);
+    line-height: var(--lsg-type-pretitle-desktop-line-height);
+  }
+}
+
+.lsg-type-body,
+.cmp-text,
+.cmp-text p,
+.cmp-text li {
+  font-family: var(--lsg-type-body-family);
+  font-size: var(--lsg-type-body-mobile-size);
+  font-weight: var(--lsg-font-weight-regular);
+  line-height: var(--lsg-type-body-mobile-line-height);
+}
+@media (min-width: 992px) {
+  .lsg-type-body,
+  .cmp-text,
+  .cmp-text p,
+  .cmp-text li {
+    font-size: var(--lsg-type-body-desktop-size);
+    line-height: var(--lsg-type-body-desktop-line-height);
+  }
+}
+
+.lsg-type-large {
+  font-family: var(--lsg-type-heading-family);
+  font-size: var(--lsg-type-large-mobile-size);
+  font-weight: var(--lsg-font-weight-semibold);
+  line-height: var(--lsg-type-large-mobile-line-height);
+}
+@media (min-width: 992px) {
+  .lsg-type-large {
+    font-size: var(--lsg-type-large-desktop-size);
+    line-height: var(--lsg-type-large-desktop-line-height);
+  }
+}
+
+.lsg-type-xlarge {
+  font-family: var(--lsg-type-heading-family);
+  font-size: var(--lsg-type-xlarge-mobile-size);
+  font-weight: var(--lsg-font-weight-semibold);
+  line-height: var(--lsg-type-xlarge-mobile-line-height);
+}
+@media (min-width: 992px) {
+  .lsg-type-xlarge {
+    font-size: var(--lsg-type-xlarge-desktop-size);
+    line-height: var(--lsg-type-xlarge-desktop-line-height);
+  }
+}
+
+.lsg-type-xxlarge {
+  font-family: var(--lsg-type-heading-family);
+  font-size: var(--lsg-type-xxlarge-mobile-size);
+  font-weight: var(--lsg-font-weight-semibold);
+  line-height: var(--lsg-type-xxlarge-mobile-line-height);
+}
+@media (min-width: 992px) {
+  .lsg-type-xxlarge {
+    font-size: var(--lsg-type-xxlarge-desktop-size);
+    line-height: var(--lsg-type-xxlarge-desktop-line-height);
+  }
+}
+
+.lsg-type-xxxlarge {
+  font-family: var(--lsg-type-heading-family);
+  font-size: var(--lsg-type-xxxlarge-mobile-size);
+  font-weight: var(--lsg-font-weight-semibold);
+  line-height: var(--lsg-type-xxxlarge-mobile-line-height);
+}
+@media (min-width: 992px) {
+  .lsg-type-xxxlarge {
+    font-size: var(--lsg-type-xxxlarge-desktop-size);
+    line-height: var(--lsg-type-xxxlarge-desktop-line-height);
+  }
+}
+
+.cmp-lsg-title h1,
+.cmp-lsg-title h2,
+.cmp-lsg-title h3,
+.cmp-lsg-title h4,
+.cmp-lsg-title h5,
+.cmp-lsg-title h6 {
+  margin: 0;
+}
+
+.cmp-lsg-text p,
+.cmp-lsg-text ul,
+.cmp-lsg-text ol {
+  margin: 0;
+}
+.cmp-lsg-text p + p,
+.cmp-lsg-text p + ul,
+.cmp-lsg-text p + ol,
+.cmp-lsg-text ul + p,
+.cmp-lsg-text ol + p {
+  margin-top: 1em;
+}
+
+/*# sourceMappingURL=lsg-clientlib.css.map */