@asante-org/atlascopco-vt-litesitegenerator 1.6.19 → 1.6.22

package/dist/index.esm.scss

@@ -144,6 +144,7 @@
   --lsg-radius-square: 0px;
   --lsg-radius-rounded: 10px;
   --lsg-radius-pill: 25px;
+  --lsg-theme-radius: 10px;
   --lsg-spacing-size-2XS: 4px;
   --lsg-spacing-size-XS: 8px;
   --lsg-spacing-size-SM: 16px;
@@ -184,10 +185,39 @@
   --lsg-accordion-content-indent: 16px;
   --lsg-accordion-content-border-width: 1px;
   --lsg-accordion-content-padding-bottom: 16px;
-  --lsg-accordion-border-radius: 4px;
+  --lsg-accordion-border-radius: var(--lsg-theme-radius);
   --lsg-accordion-transition: 300ms ease;
   --lsg-accordion-faq-title-font-size: 1.125rem;
   --lsg-accordion-faq-content-font-size: 1rem;
+  --lsg-video-max-width: 960px;
+  --lsg-video-poster-height: 600px;
+  --lsg-video-poster-bg: var(--lsg-color-light, #eeeeee);
+  --lsg-video-tags-inset: 24px;
+  --lsg-video-tags-max-width-desktop: 419px;
+  --lsg-video-tags-max-width-mobile: 290px;
+  --lsg-video-tag-gap: 10px;
+  --lsg-video-tag-height: 54px;
+  --lsg-video-tag-padding-x: 16px;
+  --lsg-video-tag-radius: var(--lsg-theme-radius);
+  --lsg-video-tag-bg: rgba(238, 238, 238, 0.10);
+  --lsg-video-tag-bg-hover: rgba(238, 238, 238, 0.20);
+  --lsg-video-tag-border: rgba(255, 255, 255, 0.2);
+  --lsg-video-tag-blur: 8px;
+  --lsg-video-tag-color: var(--lsg-color-primary);
+  --lsg-video-tag-font-size: 1.125rem;
+  --lsg-video-play-size: 60px;
+  --lsg-video-play-color: var(--lsg-color-primary);
+  --lsg-video-caption-bg: var(--lsg-color-white);
+  --lsg-video-caption-height: 81px;
+  --lsg-video-caption-height-hover: 116px;
+  --lsg-video-caption-padding-x: 24px;
+  --lsg-video-caption-padding-y: 12px;
+  --lsg-video-title-color: var(--lsg-color-black, #090909);
+  --lsg-video-title-font-size: 1.3125rem;
+  --lsg-video-text-font-size: 1.125rem;
+  --lsg-video-divider-color: var(--lsg-color-primary);
+  --lsg-video-divider-width: 1px;
+  --lsg-video-transition: 300ms ease;
 }
 
 .lsg-button {
@@ -202,6 +232,7 @@
   line-height: 1.5;
   text-decoration: none;
   border: 2px solid transparent;
+  border-radius: var(--lsg-theme-radius);
   cursor: pointer;
   transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
   white-space: nowrap;
@@ -235,6 +266,7 @@
 }
 
 .lsg-banner {
+  font-family: var(--lsg-font-family-primary);
   position: relative;
   display: flex;
   align-items: center;
@@ -259,7 +291,7 @@
   content: "";
   position: absolute;
   inset: 0;
-  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.15) 100%);
+  background: linear-gradient(to right, color-mix(in srgb, var(--lsg-color-black) 60%, transparent) 0%, color-mix(in srgb, var(--lsg-color-black) 15%, transparent) 100%);
 }
 .lsg-banner__inner {
   position: relative;
@@ -279,6 +311,7 @@
   margin: 0 0 12px;
 }
 .lsg-banner__heading {
+  font-family: var(--lsg-font-family-secondary);
   font-size: clamp(1.75rem, 4vw, 3rem);
   font-weight: 700;
   line-height: 1.15;
@@ -296,14 +329,15 @@
   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);
+  border-radius: var(--lsg-theme-radius);
+  font-family: var(--lsg-font-family-primary);
   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);
+  box-shadow: 0 4px 16px color-mix(in srgb, var(--lsg-color-black) 8%, transparent);
 }
 .lsg-card__image {
   aspect-ratio: 16/9;
@@ -324,6 +358,7 @@
   gap: 12px;
 }
 .lsg-card__title {
+  font-family: var(--lsg-font-family-secondary);
   font-size: 1.125rem;
   font-weight: 600;
   line-height: 1.3;
@@ -456,7 +491,7 @@
   width: 176px;
   padding: 8px 12px;
   background: var(--lsg-color-light);
-  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 12px 20px color-mix(in srgb, var(--lsg-color-black) 5%, transparent);
   opacity: 0;
   pointer-events: none;
   transform: translateX(-50%) translateY(-6px);
@@ -485,7 +520,7 @@
 }
 .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item {
   display: block;
-  border-top: 1px solid rgba(0, 0, 0, 0.08);
+  border-top: 1px solid color-mix(in srgb, var(--lsg-color-black) 8%, transparent);
 }
 .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item:first-child {
   border-top: 0;
@@ -553,7 +588,7 @@
   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);
+  border-radius: var(--lsg-theme-radius);
   cursor: pointer;
   transition: border-color 0.15s ease, color 0.15s ease;
 }
@@ -592,8 +627,8 @@
   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);
+  border-radius: var(--lsg-theme-radius);
+  box-shadow: 0 4px 12px color-mix(in srgb, var(--lsg-color-black) 10%, transparent);
   list-style: none;
   padding: 8px 0;
   margin: 0;
@@ -618,6 +653,7 @@
 }
 
 .lsg-search-trigger {
+  font-family: var(--lsg-font-family-primary);
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -653,7 +689,7 @@
   align-items: flex-start;
   justify-content: center;
   padding-top: 80px;
-  background-color: rgba(0, 0, 0, 0.55);
+  background-color: color-mix(in srgb, var(--lsg-color-black) 55%, transparent);
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.2s ease, visibility 0.2s ease;
@@ -667,9 +703,9 @@
   max-width: 640px;
   margin: 0 24px;
   background: var(--lsg-color-white);
-  border-radius: var(--lsg-radius-rounded);
+  border-radius: var(--lsg-theme-radius);
   padding: 24px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 8px 32px color-mix(in srgb, var(--lsg-color-black) 20%, transparent);
 }
 .lsg-search-overlay__form {
   display: flex;
@@ -708,7 +744,7 @@
 .lsg-search-overlay__submit:focus-visible {
   outline: 2px solid var(--lsg-color-primary);
   outline-offset: 2px;
-  border-radius: var(--lsg-radius-rounded);
+  border-radius: var(--lsg-theme-radius);
 }
 .lsg-search-overlay__submit svg {
   width: 20px;
@@ -754,7 +790,7 @@
 .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-divider: color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
   --lsg-header-text: var(--lsg-color-black);
   position: sticky;
   top: 0;
@@ -796,7 +832,7 @@
   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: linear-gradient(45deg, color-mix(in srgb, var(--lsg-color-black) 4%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--lsg-color-black) 4%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--lsg-color-black) 4%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--lsg-color-black) 4%, transparent) 75%);
   background-color: var(--lsg-color-white);
   background-position: 0 0, 0 6px, 6px -6px, -6px 0;
   background-size: 12px 12px;
@@ -929,7 +965,7 @@
   padding: 0 20px 0 0;
   margin: 0;
   list-style: none;
-  border-right: 1px solid rgba(0, 0, 0, 0.12);
+  border-right: 1px solid color-mix(in srgb, var(--lsg-color-black) 12%, transparent);
 }
 .lsg-header__mega-column + .lsg-header__mega-column {
   padding-left: 20px;
@@ -1279,7 +1315,11 @@
     margin: 0 auto;
   }
 }
+.lsg-quick-links {
+  font-family: var(--lsg-font-family-primary);
+}
 .lsg-quick-links__heading {
+  font-family: var(--lsg-font-family-secondary);
   font-size: 0.8125rem;
   font-weight: 700;
   letter-spacing: 0.08em;
@@ -1310,6 +1350,7 @@
 }
 
 .lsg-social-icons {
+  font-family: var(--lsg-font-family-primary);
   display: flex;
   align-items: center;
   gap: 12px;
@@ -1331,7 +1372,7 @@
 .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);
+  background-color: color-mix(in srgb, var(--lsg-color-white) 10%, transparent);
 }
 .lsg-social-icons__link:focus-visible {
   outline: 2px solid color-mix(in srgb, var(--lsg-color-primary) 35%, var(--lsg-color-white));
@@ -1346,8 +1387,8 @@
 
 .lsg-footer {
   font-family: var(--lsg-font-family-primary);
-  background-color: #18181b;
-  color: #ffffff;
+  background-color: var(--lsg-color-dark);
+  color: var(--lsg-color-white);
   width: 100%;
 }
 .lsg-footer--simple .lsg-footer__simple-inner {
@@ -1383,7 +1424,7 @@
   }
 }
 .lsg-footer--simple .lsg-footer__pipe {
-  color: #ffffff;
+  color: var(--lsg-color-white);
   font-size: 0.875rem;
   padding: 0 8px;
   opacity: 0.5;
@@ -1400,13 +1441,13 @@
   .lsg-footer--simple .lsg-footer__mobile-divider {
     display: block;
     border: none;
-    border-top: 1px solid rgba(255, 255, 255, 0.2);
+    border-top: 1px solid color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
     margin: 0;
     width: 100%;
   }
 }
 .lsg-footer--simple .lsg-footer__simple-nav-item {
-  color: #ffffff;
+  color: var(--lsg-color-white);
   text-decoration: none;
   font-size: 0.875rem;
   height: 40px;
@@ -1446,7 +1487,7 @@
   padding-top: 4px;
 }
 .lsg-footer--complex .lsg-footer__logo-col .lsg-logo__text {
-  color: #ffffff;
+  color: var(--lsg-color-white);
   font-weight: 700;
 }
 .lsg-footer--complex .lsg-footer__logo-col .lsg-logo__image {
@@ -1479,7 +1520,7 @@
   font-weight: 600;
   letter-spacing: 0.08em;
   text-transform: uppercase;
-  color: #ffffff;
+  color: var(--lsg-color-white);
   margin: 0 0 24px 0;
   padding: 0;
   line-height: 25px;
@@ -1493,18 +1534,18 @@
 .lsg-footer--complex .lsg-footer__address svg {
   flex-shrink: 0;
   margin-top: 3px;
-  color: #ffffff;
+  color: var(--lsg-color-white);
 }
 .lsg-footer--complex .lsg-footer__address p {
   margin: 0;
   font-size: 0.875rem;
   line-height: 1.6;
-  color: #ffffff;
+  color: var(--lsg-color-white);
   white-space: pre-line;
 }
 .lsg-footer--complex .lsg-footer__divider {
   border: none;
-  border-top: 1px solid rgba(255, 255, 255, 0.2);
+  border-top: 1px solid color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
   margin: 16px 0;
 }
 .lsg-footer--complex .lsg-footer__contact-items {
@@ -1517,16 +1558,16 @@
   align-items: center;
   gap: 12px;
   font-size: 0.875rem;
-  color: #ffffff;
+  color: var(--lsg-color-white);
   height: 24px;
 }
 .lsg-footer--complex .lsg-footer__contact-item svg {
   flex-shrink: 0;
-  color: #ffffff;
+  color: var(--lsg-color-white);
 }
 .lsg-footer--complex .lsg-footer__contact-item span,
 .lsg-footer--complex .lsg-footer__contact-item a {
-  color: #ffffff;
+  color: var(--lsg-color-white);
   text-decoration: none;
   line-height: 24px;
 }
@@ -1543,7 +1584,7 @@
 }
 .lsg-footer--complex .lsg-footer__quicklink {
   display: block;
-  color: #ffffff;
+  color: var(--lsg-color-white);
   text-decoration: none;
   font-size: 0.875rem;
   line-height: 24px;
@@ -1554,7 +1595,7 @@
 }
 .lsg-footer--complex .lsg-footer__bottom-divider {
   border: none;
-  border-top: 1px solid rgba(255, 255, 255, 0.2);
+  border-top: 1px solid color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
   margin: 0;
 }
 .lsg-footer--complex .lsg-footer__bottom {
@@ -1570,161 +1611,13 @@
 .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);
+  margin: 0;
 }
 
 .lsg-ai-banner {
   width: 100%;
+  font-family: var(--lsg-font-family-primary, sans-serif);
   background-color: var(--lsg-ai-banner-bg);
 }
 .lsg-ai-banner__inner {
@@ -1894,458 +1787,521 @@
   }
 }
 
-.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-video {
+  position: relative;
+  width: 100%;
+  max-width: var(--lsg-video-max-width);
+  font-family: var(--lsg-font-family-primary);
 }
-
-.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);
+.lsg-video--full-width {
+  max-width: none;
 }
-@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-video--inline {
+  display: inline-block;
+  vertical-align: top;
 }
-
-.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);
+.lsg-video__media {
+  position: relative;
+  width: 100%;
+  height: var(--lsg-video-poster-height);
+  overflow: hidden;
+  background: var(--lsg-video-poster-bg);
 }
-@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-video__poster {
+  position: absolute;
+  inset: 0;
 }
-
-.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);
+.lsg-video__poster-img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+  display: block;
 }
-@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-video__native, .lsg-video__embed {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
 }
-
-.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);
+.lsg-video__native {
+  -o-object-fit: cover;
+     object-fit: cover;
+  background: var(--lsg-video-poster-bg);
 }
-@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-video__iframe {
+  width: 100%;
+  height: 100%;
+  border: none;
 }
-
-.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);
+.lsg-video__tags {
+  position: absolute;
+  left: var(--lsg-video-tags-inset);
+  bottom: var(--lsg-video-tags-inset);
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--lsg-video-tag-gap);
+  max-width: var(--lsg-video-tags-max-width-mobile);
+  z-index: 1;
 }
-@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-video__tag {
+  height: var(--lsg-video-tag-height);
+  padding: 0 var(--lsg-video-tag-padding-x);
+  display: inline-flex;
+  align-items: center;
+  border-radius: var(--lsg-theme-radius, 10px);
+  background-color: var(--lsg-video-tag-bg);
+  backdrop-filter: blur(var(--lsg-video-tag-blur));
+  -webkit-backdrop-filter: blur(var(--lsg-video-tag-blur));
+  border: 1px solid var(--lsg-video-tag-border);
+  font-size: var(--lsg-video-tag-font-size);
+  font-weight: var(--lsg-font-weight-semibold, 600);
+  color: var(--lsg-video-tag-color);
+  white-space: nowrap;
+  transition: background-color var(--lsg-video-transition);
 }
-
-.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);
+.lsg-video:hover .lsg-video__tag, .lsg-video:focus-within .lsg-video__tag {
+  background-color: var(--lsg-video-tag-bg-hover);
 }
-@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-video__play {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: var(--lsg-video-play-size);
+  height: var(--lsg-video-play-size);
+  color: var(--lsg-video-play-color);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+  z-index: 1;
 }
-
-.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);
+.lsg-video__play:focus-visible {
+  outline: 2px solid var(--lsg-video-play-color);
+  outline-offset: 2px;
+  border-radius: 50%;
 }
-@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-video__play-svg {
+  width: 100%;
+  height: 100%;
+}
+.lsg-video__caption {
+  width: 100%;
+  height: var(--lsg-video-caption-height);
+  overflow: hidden;
+  box-sizing: border-box;
+  padding: var(--lsg-video-caption-padding-y) var(--lsg-video-caption-padding-x);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  background: var(--lsg-video-caption-bg);
+  border-top: var(--lsg-video-divider-width) solid var(--lsg-video-divider-color);
+  transition: height var(--lsg-video-transition);
+}
+.lsg-video:hover .lsg-video__caption, .lsg-video:focus-within .lsg-video__caption {
+  height: var(--lsg-video-caption-height-hover);
+}
+.lsg-video__title {
+  font-size: var(--lsg-video-title-font-size);
+  font-weight: var(--lsg-font-weight-semibold, 600);
+  line-height: 1.2;
+  color: var(--lsg-video-title-color);
+  margin: 0;
+}
+.lsg-video__text {
+  font-size: var(--lsg-video-text-font-size);
+  font-weight: var(--lsg-font-weight-regular, 400);
+  line-height: 1.4;
+  color: var(--lsg-video-title-color);
+  margin: 4px 0 0;
+  opacity: 0;
+  transition: opacity var(--lsg-video-transition);
+}
+.lsg-video:hover .lsg-video__text, .lsg-video:focus-within .lsg-video__text {
+  opacity: 1;
+}
+@media (min-width: 768px) {
+  .lsg-video__tags {
+    flex-wrap: nowrap;
+    max-width: var(--lsg-video-tags-max-width-desktop);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .lsg-video__caption, .lsg-video__tag, .lsg-video__text {
+    transition: none;
   }
 }
 
-.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);
+.cmp-container {
+  width: 100%;
 }
-@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);
-  }
+
+.layout-container-color-wrapper {
+  width: 100%;
 }
 
-.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);
+.layout-container-spacing-wrapper {
+  width: 100%;
+  box-sizing: border-box;
 }
-@media (min-width: 992px) {
-  .lsg-type-large {
-    font-size: var(--lsg-type-large-desktop-size);
-    line-height: var(--lsg-type-large-desktop-line-height);
-  }
+
+.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);
 }
 
-.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);
+.layout-container--medium > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  max-width: var(--lsg-container-width-medium);
+  margin-inline: auto;
+  padding-inline: 24px;
 }
-@media (min-width: 992px) {
-  .lsg-type-xlarge {
-    font-size: var(--lsg-type-xlarge-desktop-size);
-    line-height: var(--lsg-type-xlarge-desktop-line-height);
-  }
+
+.layout-container--narrow > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  max-width: var(--lsg-container-width-narrow);
+  margin-inline: auto;
+  padding-inline: 24px;
 }
 
-.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);
+.layout-container--top-padding-0 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: 0;
 }
-@media (min-width: 992px) {
-  .lsg-type-xxlarge {
-    font-size: var(--lsg-type-xxlarge-desktop-size);
-    line-height: var(--lsg-type-xxlarge-desktop-line-height);
-  }
+
+.layout-container--top-padding-4 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-2XS);
 }
 
-.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);
+.layout-container--top-padding-8 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-XS);
 }
-@media (min-width: 992px) {
-  .lsg-type-xxxlarge {
-    font-size: var(--lsg-type-xxxlarge-desktop-size);
-    line-height: var(--lsg-type-xxxlarge-desktop-line-height);
-  }
+
+.layout-container--top-padding-16 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-SM);
 }
 
-.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;
+.layout-container--top-padding-24 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-MD);
 }
 
-.cmp-lsg-text p,
-.cmp-lsg-text ul,
-.cmp-lsg-text ol {
-  margin: 0;
+.layout-container--top-padding-32 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-LG);
 }
-.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;
+
+.layout-container--top-padding-64 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-XL);
 }
-: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;
+
+.layout-container--top-padding-96 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-2XL);
 }
 
-.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;
+.layout-container--top-padding-128 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-top: var(--lsg-spacing-size-3XL);
 }
-.lsg-button:focus-visible {
-  outline: 2px solid var(--lsg-color-primary);
-  outline-offset: 2px;
+
+.layout-container--bottom-padding-0 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-bottom: 0;
 }
-.lsg-button--primary {
-  background-color: var(--lsg-color-primary);
-  border-color: var(--lsg-color-primary);
-  color: var(--lsg-color-white);
+
+.layout-container--bottom-padding-4 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-bottom: var(--lsg-spacing-size-2XS);
 }
-.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));
+
+.layout-container--bottom-padding-8 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-bottom: var(--lsg-spacing-size-XS);
 }
-.lsg-button--secondary {
-  background-color: transparent;
-  border-color: var(--lsg-color-primary);
-  color: var(--lsg-color-primary);
+
+.layout-container--bottom-padding-16 > .layout-container-color-wrapper > .layout-container-spacing-wrapper {
+  padding-bottom: var(--lsg-spacing-size-SM);
 }
-.lsg-button--secondary:hover:not([disabled]):not(.lsg-button--disabled) {
+
+.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);
 }
-.lsg-button--disabled, .lsg-button[disabled] {
-  opacity: 0.5;
-  cursor: not-allowed;
-  pointer-events: none;
+
+.layout-container--background-color-secondary > .layout-container-color-wrapper {
+  background-color: var(--lsg-color-secondary);
+  color: var(--lsg-color-white);
 }
-: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;
+
+.layout-container--background-color-tertiary > .layout-container-color-wrapper {
+  background-color: var(--lsg-color-tertiary);
+  color: var(--lsg-color-white);
 }
 
-.lsg-banner {
-  position: relative;
-  display: flex;
-  align-items: center;
-  min-height: 400px;
-  padding: 72px 24px;
+.layout-container--background-color-dark > .layout-container-color-wrapper {
   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;
+
+.layout-container--background-color-black > .layout-container-color-wrapper {
+  background-color: var(--lsg-color-black);
+  color: var(--lsg-color-white);
 }
-.lsg-banner__background::after {
-  content: "";
+
+.lsg-visually-hidden {
   position: absolute;
-  inset: 0;
-  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.15) 100%);
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
 }
-.lsg-banner__inner {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 0 24px;
+
+.lsg-themed-component {
+  display: contents;
 }
-.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-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);
 }
-.lsg-banner__heading {
-  font-size: clamp(1.75rem, 4vw, 3rem);
-  font-weight: 700;
-  line-height: 1.15;
-  margin: 0 0 16px;
-  max-width: 720px;
+@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-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-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);
 }
-:root {
-  --atlascopco-blue-1: #f5fbfc;
-  --atlascopco-blue-3: #b8e0ec;
-  --atlascopco-blue-5: #7ac6dc;
-  --atlascopco-blue-7: #3daccc;
-  --atlascopco-blue-9: #0092bc;
+@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;
+}
+: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;
@@ -2407,55 +2363,295 @@
   --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-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-theme-radius);
+  cursor: pointer;
+  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
+  white-space: nowrap;
 }
-.lsg-card__image {
-  aspect-ratio: 16/9;
-  overflow: hidden;
+.lsg-button:focus-visible {
+  outline: 2px solid var(--lsg-color-primary);
+  outline-offset: 2px;
 }
-.lsg-card__image img {
-  width: 100%;
-  height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
-  display: block;
+.lsg-button--primary {
+  background-color: var(--lsg-color-primary);
+  border-color: var(--lsg-color-primary);
+  color: var(--lsg-color-white);
 }
-.lsg-card__body {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  padding: 24px;
-  gap: 12px;
+.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-card__title {
-  font-size: 1.125rem;
-  font-weight: 600;
-  line-height: 1.3;
-  color: var(--lsg-color-black);
-  margin: 0;
+.lsg-button--secondary {
+  background-color: transparent;
+  border-color: var(--lsg-color-primary);
+  color: var(--lsg-color-primary);
 }
-.lsg-card__description {
-  font-size: var(--lsg-size-body);
-  line-height: 1.6;
-  color: var(--lsg-color-secondary);
-  margin: 0;
-  flex: 1;
+.lsg-button--secondary:hover:not([disabled]):not(.lsg-button--disabled) {
+  background-color: var(--lsg-color-primary);
+  color: var(--lsg-color-white);
 }
-.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-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 {
+  font-family: var(--lsg-font-family-primary);
+  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, color-mix(in srgb, var(--lsg-color-black) 60%, transparent) 0%, color-mix(in srgb, var(--lsg-color-black) 15%, transparent) 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-family: var(--lsg-font-family-secondary);
+  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-theme-radius);
+  font-family: var(--lsg-font-family-primary);
+  background: var(--lsg-color-white);
+  overflow: hidden;
+  transition: box-shadow 0.2s ease;
+  height: 100%;
+}
+.lsg-card:hover {
+  box-shadow: 0 4px 16px color-mix(in srgb, var(--lsg-color-black) 8%, transparent);
+}
+.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-family: var(--lsg-font-family-secondary);
+  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 {
@@ -2703,7 +2899,7 @@
   width: 176px;
   padding: 8px 12px;
   background: var(--lsg-color-light);
-  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 12px 20px color-mix(in srgb, var(--lsg-color-black) 5%, transparent);
   opacity: 0;
   pointer-events: none;
   transform: translateX(-50%) translateY(-6px);
@@ -2732,7 +2928,7 @@
 }
 .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item {
   display: block;
-  border-top: 1px solid rgba(0, 0, 0, 0.08);
+  border-top: 1px solid color-mix(in srgb, var(--lsg-color-black) 8%, transparent);
 }
 .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item:first-child {
   border-top: 0;
@@ -2867,7 +3063,7 @@
   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);
+  border-radius: var(--lsg-theme-radius);
   cursor: pointer;
   transition: border-color 0.15s ease, color 0.15s ease;
 }
@@ -2906,8 +3102,8 @@
   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);
+  border-radius: var(--lsg-theme-radius);
+  box-shadow: 0 4px 12px color-mix(in srgb, var(--lsg-color-black) 10%, transparent);
   list-style: none;
   padding: 8px 0;
   margin: 0;
@@ -2998,6 +3194,7 @@
 }
 
 .lsg-search-trigger {
+  font-family: var(--lsg-font-family-primary);
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3099,7 +3296,7 @@
   align-items: flex-start;
   justify-content: center;
   padding-top: 80px;
-  background-color: rgba(0, 0, 0, 0.55);
+  background-color: color-mix(in srgb, var(--lsg-color-black) 55%, transparent);
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.2s ease, visibility 0.2s ease;
@@ -3113,9 +3310,9 @@
   max-width: 640px;
   margin: 0 24px;
   background: var(--lsg-color-white);
-  border-radius: var(--lsg-radius-rounded);
+  border-radius: var(--lsg-theme-radius);
   padding: 24px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 8px 32px color-mix(in srgb, var(--lsg-color-black) 20%, transparent);
 }
 .lsg-search-overlay__form {
   display: flex;
@@ -3154,7 +3351,7 @@
 .lsg-search-overlay__submit:focus-visible {
   outline: 2px solid var(--lsg-color-primary);
   outline-offset: 2px;
-  border-radius: var(--lsg-radius-rounded);
+  border-radius: var(--lsg-theme-radius);
 }
 .lsg-search-overlay__submit svg {
   width: 20px;
@@ -3266,7 +3463,7 @@
 .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-divider: color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
   --lsg-header-text: var(--lsg-color-black);
   position: sticky;
   top: 0;
@@ -3308,7 +3505,7 @@
   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: linear-gradient(45deg, color-mix(in srgb, var(--lsg-color-black) 4%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--lsg-color-black) 4%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--lsg-color-black) 4%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--lsg-color-black) 4%, transparent) 75%);
   background-color: var(--lsg-color-white);
   background-position: 0 0, 0 6px, 6px -6px, -6px 0;
   background-size: 12px 12px;
@@ -3441,7 +3638,7 @@
   padding: 0 20px 0 0;
   margin: 0;
   list-style: none;
-  border-right: 1px solid rgba(0, 0, 0, 0.12);
+  border-right: 1px solid color-mix(in srgb, var(--lsg-color-black) 12%, transparent);
 }
 .lsg-header__mega-column + .lsg-header__mega-column {
   padding-left: 20px;
@@ -3663,330 +3860,133 @@
   }
   .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;
-  }
-}
-: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;
+    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;
+  }
 }
 :root {
   --atlascopco-blue-1: #f5fbfc;
@@ -4016,274 +4016,78 @@
   --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 {
-  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;
-  }
+  --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--complex .lsg-footer__logo-col {
-  display: flex;
-  align-items: flex-start;
-  padding-top: 4px;
+
+.lsg-quick-links {
+  font-family: var(--lsg-font-family-primary);
 }
-.lsg-footer--complex .lsg-footer__logo-col .lsg-logo__text {
-  color: #ffffff;
+.lsg-quick-links__heading {
+  font-family: var(--lsg-font-family-secondary);
+  font-size: 0.8125rem;
   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;
+  color: color-mix(in srgb, var(--lsg-color-secondary) 38%, var(--lsg-color-white));
+  margin: 0 0 16px;
 }
-.lsg-footer--complex .lsg-footer__address p {
+.lsg-quick-links__list {
+  list-style: none;
+  padding: 0;
   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;
+  gap: 8px;
 }
-.lsg-footer--complex .lsg-footer__contact-item span,
-.lsg-footer--complex .lsg-footer__contact-item a {
-  color: #ffffff;
+.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;
-  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;
+  transition: color 0.15s ease;
 }
-.lsg-footer--complex .lsg-footer__quicklink {
-  display: block;
-  color: #ffffff;
-  text-decoration: none;
-  font-size: 0.875rem;
-  line-height: 24px;
-  height: 24px;
+.lsg-quick-links__link:hover, .lsg-quick-links__link:focus-visible {
+  color: var(--lsg-color-white);
+  outline: none;
 }
-.lsg-footer--complex .lsg-footer__quicklink:hover {
+.lsg-quick-links__link:focus-visible {
   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;
-}
 :root {
   --atlascopco-blue-1: #f5fbfc;
   --atlascopco-blue-3: #b8e0ec;
@@ -4351,53 +4155,40 @@
   --text-xxl-line-height: 1;
 }
 
-.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 {
+.lsg-social-icons {
+  font-family: var(--lsg-font-family-primary);
   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);
-  }
+  gap: 12px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
 }
-.lsg-ai-banner__icon {
-  display: flex;
+.lsg-social-icons__link {
+  display: inline-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);
+  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-ai-banner__icon-svg {
-  width: var(--lsg-ai-banner-icon-size);
-  height: var(--lsg-ai-banner-icon-size);
+.lsg-social-icons__link:hover, .lsg-social-icons__link:focus-visible {
+  color: var(--lsg-color-white);
+  border-color: var(--lsg-color-white);
+  background-color: color-mix(in srgb, var(--lsg-color-white) 10%, transparent);
 }
-.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-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-ai-banner__text strong {
-  font-weight: inherit;
+.lsg-social-icons__link svg {
+  width: 16px;
+  height: 16px;
+  pointer-events: none;
+  fill: currentColor;
 }
 :root {
   --atlascopco-blue-1: #f5fbfc;
@@ -4466,124 +4257,232 @@
   --text-xxl-line-height: 1;
 }
 
-.lsg-accordion {
+.lsg-footer {
   font-family: var(--lsg-font-family-primary);
+  background-color: var(--lsg-color-dark);
+  color: var(--lsg-color-white);
   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-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-accordion--bordered .lsg-accordion__item:first-child {
-  border-top: none;
+.lsg-footer--simple .lsg-footer__pipe {
+  color: var(--lsg-color-white);
+  font-size: 0.875rem;
+  padding: 0 8px;
+  opacity: 0.5;
 }
-.lsg-accordion__item {
-  border-top: 1px solid var(--lsg-accordion-divider-color);
+@media (max-width: 768px) {
+  .lsg-footer--simple .lsg-footer__pipe {
+    display: none;
+  }
 }
-.lsg-accordion__item--open > .lsg-accordion__header {
-  color: var(--lsg-accordion-active-color);
+.lsg-footer--simple .lsg-footer__mobile-divider {
+  display: none;
 }
-.lsg-accordion__header {
-  width: 100%;
-  min-height: var(--lsg-accordion-header-height);
-  display: flex;
+@media (max-width: 768px) {
+  .lsg-footer--simple .lsg-footer__mobile-divider {
+    display: block;
+    border: none;
+    border-top: 1px solid color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
+    margin: 0;
+    width: 100%;
+  }
+}
+.lsg-footer--simple .lsg-footer__simple-nav-item {
+  color: var(--lsg-color-white);
+  text-decoration: none;
+  font-size: 0.875rem;
+  height: 40px;
+  display: inline-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;
+  padding: 0 4px;
+  white-space: nowrap;
 }
-.lsg-accordion__header:hover {
-  color: var(--lsg-accordion-active-color);
+.lsg-footer--simple .lsg-footer__simple-nav-item:hover {
+  text-decoration: underline;
 }
-.lsg-accordion__header:focus-visible {
-  outline: 2px solid var(--lsg-accordion-active-color);
-  outline-offset: -2px;
+@media (max-width: 768px) {
+  .lsg-footer--simple .lsg-footer__simple-nav-item {
+    width: 100%;
+    padding: 0;
+    font-size: 0.9375rem;
+  }
 }
-.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-footer--complex .lsg-footer__complex-inner {
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: 72px;
+  display: grid;
+  grid-template-columns: 200px 1fr;
+  gap: 72px;
 }
-.lsg-accordion__icon {
-  order: -1;
-  flex-shrink: 0;
+@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: center;
-  justify-content: center;
-  color: var(--lsg-accordion-icon-color);
-  transition: transform var(--lsg-accordion-transition), color 200ms ease;
+  align-items: flex-start;
+  padding-top: 4px;
 }
-.lsg-accordion__icon--open {
-  color: var(--lsg-accordion-active-color);
+.lsg-footer--complex .lsg-footer__logo-col .lsg-logo__text {
+  color: var(--lsg-color-white);
+  font-weight: 700;
 }
-.lsg-accordion--icon-chevron .lsg-accordion__icon--open {
-  transform: rotate(180deg);
+.lsg-footer--complex .lsg-footer__logo-col .lsg-logo__image {
+  filter: brightness(0) invert(1);
 }
-.lsg-accordion__icon--open .lsg-accordion__icon-plus-line {
-  display: none;
+@media (max-width: 768px) {
+  .lsg-footer--complex .lsg-footer__logo-col {
+    padding-top: 0;
+  }
 }
-.lsg-accordion__icon-svg {
-  width: var(--lsg-accordion-icon-size);
-  height: var(--lsg-accordion-icon-size);
+.lsg-footer--complex .lsg-footer__content-cols {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 72px;
 }
-.lsg-accordion__panel {
-  overflow: hidden;
-  max-height: 0;
-  opacity: 0;
-  transition: max-height var(--lsg-accordion-transition), opacity var(--lsg-accordion-transition);
+@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-accordion__panel--open {
-  max-height: 4000px;
-  opacity: 1;
-  padding-bottom: var(--lsg-accordion-content-padding-bottom);
+.lsg-footer--complex .lsg-footer__col-heading {
+  font-size: 0.875rem;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--lsg-color-white);
+  margin: 0 0 24px 0;
+  padding: 0;
+  line-height: 25px;
 }
-.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-footer--complex .lsg-footer__address {
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
+  margin-bottom: 16px;
 }
-.lsg-accordion__content p {
-  margin: 0 0 12px;
+.lsg-footer--complex .lsg-footer__address svg {
+  flex-shrink: 0;
+  margin-top: 3px;
+  color: var(--lsg-color-white);
 }
-.lsg-accordion__content p:last-child {
-  margin-bottom: 0;
+.lsg-footer--complex .lsg-footer__address p {
+  margin: 0;
+  font-size: 0.875rem;
+  line-height: 1.6;
+  color: var(--lsg-color-white);
+  white-space: pre-line;
 }
-.lsg-accordion__content ul, .lsg-accordion__content ol {
-  margin: 0 0 12px 24px;
+.lsg-footer--complex .lsg-footer__divider {
+  border: none;
+  border-top: 1px solid color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
+  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: var(--lsg-color-white);
+  height: 24px;
+}
+.lsg-footer--complex .lsg-footer__contact-item svg {
+  flex-shrink: 0;
+  color: var(--lsg-color-white);
+}
+.lsg-footer--complex .lsg-footer__contact-item span,
+.lsg-footer--complex .lsg-footer__contact-item a {
+  color: var(--lsg-color-white);
+  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-accordion__content a {
-  color: var(--lsg-accordion-active-color);
+.lsg-footer--complex .lsg-footer__quicklink-item:last-child .lsg-footer__divider {
+  display: none;
 }
-.lsg-accordion__content img {
-  max-width: 100%;
-  height: auto;
+.lsg-footer--complex .lsg-footer__quicklink {
+  display: block;
+  color: var(--lsg-color-white);
+  text-decoration: none;
+  font-size: 0.875rem;
+  line-height: 24px;
+  height: 24px;
 }
-.lsg-accordion--faq .lsg-accordion__title {
-  font-size: var(--lsg-accordion-faq-title-font-size);
+.lsg-footer--complex .lsg-footer__quicklink:hover {
+  text-decoration: underline;
 }
-.lsg-accordion--faq .lsg-accordion__content {
-  font-size: var(--lsg-accordion-faq-content-font-size);
+.lsg-footer--complex .lsg-footer__bottom-divider {
+  border: none;
+  border-top: 1px solid color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
+  margin: 0;
 }
-@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-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: var(--lsg-color-white);
+  margin: 0;
 }