@asante-org/atlascopco-vt-litesitegenerator 1.2.0

package/dist/index.scss

@@ -0,0 +1,2050 @@
+: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-radius-square: 0px;
+  --lsg-radius-rounded: 10px;
+  --lsg-radius-pill: 25px;
+  --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;
+}
+
+.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;
+  border-radius: var(--lsg-radius-rounded);
+  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--ghost {
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--lsg-color-primary);
+  padding-left: 0;
+  padding-right: 0;
+}
+.lsg-button--ghost:hover:not([disabled]):not(.lsg-button--disabled) {
+  text-decoration: underline;
+}
+.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%;
+  -o-object-fit: cover;
+     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%;
+  -o-object-fit: cover;
+     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__list {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.lsg-nav__item {
+  display: flex;
+  align-items: stretch;
+}
+.lsg-nav__link {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  font-size: 0.9375rem;
+  font-weight: 500;
+  color: var(--lsg-color-dark);
+  text-decoration: none;
+  border-bottom: 2px solid transparent;
+  transition: color 0.15s ease, border-color 0.15s ease;
+}
+.lsg-nav__link:hover, .lsg-nav__link:focus-visible {
+  color: var(--lsg-color-primary);
+  outline: none;
+}
+.lsg-nav__link:focus-visible {
+  outline: 2px solid var(--lsg-color-primary);
+  outline-offset: 2px;
+}
+.lsg-nav__link--current {
+  color: var(--lsg-color-primary);
+  border-bottom-color: var(--lsg-color-primary);
+  font-weight: 600;
+}
+
+.lsg-lang-switcher {
+  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: 0.875rem;
+  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;
+  transition: transform 0.2s ease;
+}
+.lsg-lang-switcher__trigger[aria-expanded=true] svg {
+  transform: rotate(180deg);
+}
+.lsg-lang-switcher__dropdown {
+  position: absolute;
+  top: calc(100% + 4px);
+  right: 0;
+  min-width: 140px;
+  background: var(--lsg-color-white);
+  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: 0.875rem;
+  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 {
+  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::-moz-placeholder {
+  color: color-mix(in srgb, var(--lsg-color-secondary) 45%, var(--lsg-color-white));
+}
+.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;
+}
+
+.lsg-header {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  background: var(--lsg-color-white);
+  border-bottom: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
+}
+.lsg-header__inner {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 0 24px;
+  height: 72px;
+}
+.lsg-header__brand {
+  flex-shrink: 0;
+  margin-right: 24px;
+}
+.lsg-header__nav {
+  flex: 1;
+  overflow: hidden;
+}
+.lsg-header__actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: auto;
+  flex-shrink: 0;
+}
+
+.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 {
+  background-color: var(--lsg-color-dark);
+  color: var(--lsg-color-white);
+}
+.lsg-footer__inner {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 72px 24px;
+  display: grid;
+  grid-template-columns: 220px 1fr;
+  gap: 72px;
+}
+@media (max-width: 768px) {
+  .lsg-footer__inner {
+    grid-template-columns: 1fr;
+    gap: 36px;
+  }
+}
+.lsg-footer__brand {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.lsg-footer__tagline {
+  font-size: 0.9375rem;
+  color: color-mix(in srgb, var(--lsg-color-secondary) 38%, var(--lsg-color-white));
+  line-height: 1.6;
+  margin: 0;
+}
+.lsg-footer__nav {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+  gap: 36px;
+}
+.lsg-footer__bottom {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 16px 24px;
+  border-top: 1px solid var(--lsg-color-secondary);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+.lsg-footer__copyright {
+  font-size: 0.8125rem;
+  color: color-mix(in srgb, var(--lsg-color-secondary) 56%, var(--lsg-color-white));
+  margin: 0;
+}
+.lsg-footer .lsg-logo__text {
+  color: var(--lsg-color-white);
+}
+.lsg-footer .lsg-logo__image {
+  filter: brightness(0) invert(1);
+}
+
+.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;
+}
+: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;
+}
+
+.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;
+  border-radius: var(--lsg-radius-rounded);
+  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--ghost {
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--lsg-color-primary);
+  padding-left: 0;
+  padding-right: 0;
+}
+.lsg-button--ghost:hover:not([disabled]):not(.lsg-button--disabled) {
+  text-decoration: underline;
+}
+.lsg-button--disabled, .lsg-button[disabled] {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+: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;
+}
+
+.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%;
+  -o-object-fit: cover;
+     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;
+}
+: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;
+}
+
+.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%;
+  -o-object-fit: cover;
+     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;
+}
+: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;
+}
+
+.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;
+}
+: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;
+}
+
+.lsg-nav__list {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.lsg-nav__item {
+  display: flex;
+  align-items: stretch;
+}
+.lsg-nav__link {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  font-size: 0.9375rem;
+  font-weight: 500;
+  color: var(--lsg-color-dark);
+  text-decoration: none;
+  border-bottom: 2px solid transparent;
+  transition: color 0.15s ease, border-color 0.15s ease;
+}
+.lsg-nav__link:hover, .lsg-nav__link:focus-visible {
+  color: var(--lsg-color-primary);
+  outline: none;
+}
+.lsg-nav__link:focus-visible {
+  outline: 2px solid var(--lsg-color-primary);
+  outline-offset: 2px;
+}
+.lsg-nav__link--current {
+  color: var(--lsg-color-primary);
+  border-bottom-color: var(--lsg-color-primary);
+  font-weight: 600;
+}
+: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;
+}
+
+.lsg-lang-switcher {
+  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: 0.875rem;
+  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;
+  transition: transform 0.2s ease;
+}
+.lsg-lang-switcher__trigger[aria-expanded=true] svg {
+  transform: rotate(180deg);
+}
+.lsg-lang-switcher__dropdown {
+  position: absolute;
+  top: calc(100% + 4px);
+  right: 0;
+  min-width: 140px;
+  background: var(--lsg-color-white);
+  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: 0.875rem;
+  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);
+}
+: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;
+}
+
+.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;
+}
+: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;
+}
+
+.lsg-search-overlay {
+  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::-moz-placeholder {
+  color: color-mix(in srgb, var(--lsg-color-secondary) 45%, var(--lsg-color-white));
+}
+.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;
+}
+: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;
+}
+
+.lsg-header {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  background: var(--lsg-color-white);
+  border-bottom: 1px solid color-mix(in srgb, var(--lsg-color-secondary) 18%, var(--lsg-color-white));
+}
+.lsg-header__inner {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 0 24px;
+  height: 72px;
+}
+.lsg-header__brand {
+  flex-shrink: 0;
+  margin-right: 24px;
+}
+.lsg-header__nav {
+  flex: 1;
+  overflow: hidden;
+}
+.lsg-header__actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: auto;
+  flex-shrink: 0;
+}
+: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;
+}
+
+.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;
+}
+: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;
+}
+
+.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;
+}
+: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;
+}
+
+.lsg-footer {
+  background-color: var(--lsg-color-dark);
+  color: var(--lsg-color-white);
+}
+.lsg-footer__inner {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 72px 24px;
+  display: grid;
+  grid-template-columns: 220px 1fr;
+  gap: 72px;
+}
+@media (max-width: 768px) {
+  .lsg-footer__inner {
+    grid-template-columns: 1fr;
+    gap: 36px;
+  }
+}
+.lsg-footer__brand {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.lsg-footer__tagline {
+  font-size: 0.9375rem;
+  color: color-mix(in srgb, var(--lsg-color-secondary) 38%, var(--lsg-color-white));
+  line-height: 1.6;
+  margin: 0;
+}
+.lsg-footer__nav {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+  gap: 36px;
+}
+.lsg-footer__bottom {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 16px 24px;
+  border-top: 1px solid var(--lsg-color-secondary);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+.lsg-footer__copyright {
+  font-size: 0.8125rem;
+  color: color-mix(in srgb, var(--lsg-color-secondary) 56%, var(--lsg-color-white));
+  margin: 0;
+}
+.lsg-footer .lsg-logo__text {
+  color: var(--lsg-color-white);
+}
+.lsg-footer .lsg-logo__image {
+  filter: brightness(0) invert(1);
+}