@asante-org/atlascopco-vt-litesitegenerator 1.6.21 → 1.6.23

package/dist/index.esm.scss

@@ -232,7 +232,6 @@
   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;
@@ -266,7 +265,6 @@
 }
 
 .lsg-banner {
-  font-family: var(--lsg-font-family-primary);
   position: relative;
   display: flex;
   align-items: center;
@@ -291,7 +289,7 @@
   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%);
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.15) 100%);
 }
 .lsg-banner__inner {
   position: relative;
@@ -311,7 +309,6 @@
   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;
@@ -329,15 +326,14 @@
   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);
+  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 color-mix(in srgb, var(--lsg-color-black) 8%, transparent);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
 }
 .lsg-card__image {
   aspect-ratio: 16/9;
@@ -358,7 +354,6 @@
   gap: 12px;
 }
 .lsg-card__title {
-  font-family: var(--lsg-font-family-secondary);
   font-size: 1.125rem;
   font-weight: 600;
   line-height: 1.3;
@@ -491,7 +486,7 @@
   width: 176px;
   padding: 8px 12px;
   background: var(--lsg-color-light);
-  box-shadow: 0 12px 20px color-mix(in srgb, var(--lsg-color-black) 5%, transparent);
+  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
   opacity: 0;
   pointer-events: none;
   transform: translateX(-50%) translateY(-6px);
@@ -520,7 +515,7 @@
 }
 .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item {
   display: block;
-  border-top: 1px solid color-mix(in srgb, var(--lsg-color-black) 8%, transparent);
+  border-top: 1px solid rgba(0, 0, 0, 0.08);
 }
 .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item:first-child {
   border-top: 0;
@@ -588,7 +583,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-theme-radius);
+  border-radius: var(--lsg-radius-rounded);
   cursor: pointer;
   transition: border-color 0.15s ease, color 0.15s ease;
 }
@@ -627,8 +622,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-theme-radius);
-  box-shadow: 0 4px 12px color-mix(in srgb, var(--lsg-color-black) 10%, transparent);
+  border-radius: var(--lsg-radius-rounded);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   list-style: none;
   padding: 8px 0;
   margin: 0;
@@ -653,7 +648,6 @@
 }
 
 .lsg-search-trigger {
-  font-family: var(--lsg-font-family-primary);
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -689,7 +683,7 @@
   align-items: flex-start;
   justify-content: center;
   padding-top: 80px;
-  background-color: color-mix(in srgb, var(--lsg-color-black) 55%, transparent);
+  background-color: rgba(0, 0, 0, 0.55);
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.2s ease, visibility 0.2s ease;
@@ -703,9 +697,9 @@
   max-width: 640px;
   margin: 0 24px;
   background: var(--lsg-color-white);
-  border-radius: var(--lsg-theme-radius);
+  border-radius: var(--lsg-radius-rounded);
   padding: 24px;
-  box-shadow: 0 8px 32px color-mix(in srgb, var(--lsg-color-black) 20%, transparent);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
 }
 .lsg-search-overlay__form {
   display: flex;
@@ -744,7 +738,7 @@
 .lsg-search-overlay__submit:focus-visible {
   outline: 2px solid var(--lsg-color-primary);
   outline-offset: 2px;
-  border-radius: var(--lsg-theme-radius);
+  border-radius: var(--lsg-radius-rounded);
 }
 .lsg-search-overlay__submit svg {
   width: 20px;
@@ -790,7 +784,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: color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
+  --lsg-header-divider: rgba(255, 255, 255, 0.2);
   --lsg-header-text: var(--lsg-color-black);
   position: sticky;
   top: 0;
@@ -832,7 +826,7 @@
   min-width: 136px;
   min-height: 28px;
   padding: 0 12px;
-  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: linear-gradient(45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.04) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.04) 75%);
   background-color: var(--lsg-color-white);
   background-position: 0 0, 0 6px, 6px -6px, -6px 0;
   background-size: 12px 12px;
@@ -965,7 +959,7 @@
   padding: 0 20px 0 0;
   margin: 0;
   list-style: none;
-  border-right: 1px solid color-mix(in srgb, var(--lsg-color-black) 12%, transparent);
+  border-right: 1px solid rgba(0, 0, 0, 0.12);
 }
 .lsg-header__mega-column + .lsg-header__mega-column {
   padding-left: 20px;
@@ -1315,11 +1309,7 @@
     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;
@@ -1350,7 +1340,6 @@
 }
 
 .lsg-social-icons {
-  font-family: var(--lsg-font-family-primary);
   display: flex;
   align-items: center;
   gap: 12px;
@@ -1372,7 +1361,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: color-mix(in srgb, var(--lsg-color-white) 10%, transparent);
+  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));
@@ -1387,8 +1376,8 @@
 
 .lsg-footer {
   font-family: var(--lsg-font-family-primary);
-  background-color: var(--lsg-color-dark);
-  color: var(--lsg-color-white);
+  background-color: #18181b;
+  color: #ffffff;
   width: 100%;
 }
 .lsg-footer--simple .lsg-footer__simple-inner {
@@ -1424,7 +1413,7 @@
   }
 }
 .lsg-footer--simple .lsg-footer__pipe {
-  color: var(--lsg-color-white);
+  color: #ffffff;
   font-size: 0.875rem;
   padding: 0 8px;
   opacity: 0.5;
@@ -1441,13 +1430,13 @@
   .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);
+    border-top: 1px solid rgba(255, 255, 255, 0.2);
     margin: 0;
     width: 100%;
   }
 }
 .lsg-footer--simple .lsg-footer__simple-nav-item {
-  color: var(--lsg-color-white);
+  color: #ffffff;
   text-decoration: none;
   font-size: 0.875rem;
   height: 40px;
@@ -1487,7 +1476,7 @@
   padding-top: 4px;
 }
 .lsg-footer--complex .lsg-footer__logo-col .lsg-logo__text {
-  color: var(--lsg-color-white);
+  color: #ffffff;
   font-weight: 700;
 }
 .lsg-footer--complex .lsg-footer__logo-col .lsg-logo__image {
@@ -1520,7 +1509,7 @@
   font-weight: 600;
   letter-spacing: 0.08em;
   text-transform: uppercase;
-  color: var(--lsg-color-white);
+  color: #ffffff;
   margin: 0 0 24px 0;
   padding: 0;
   line-height: 25px;
@@ -1534,18 +1523,18 @@
 .lsg-footer--complex .lsg-footer__address svg {
   flex-shrink: 0;
   margin-top: 3px;
-  color: var(--lsg-color-white);
+  color: #ffffff;
 }
 .lsg-footer--complex .lsg-footer__address p {
   margin: 0;
   font-size: 0.875rem;
   line-height: 1.6;
-  color: var(--lsg-color-white);
+  color: #ffffff;
   white-space: pre-line;
 }
 .lsg-footer--complex .lsg-footer__divider {
   border: none;
-  border-top: 1px solid color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
   margin: 16px 0;
 }
 .lsg-footer--complex .lsg-footer__contact-items {
@@ -1558,16 +1547,16 @@
   align-items: center;
   gap: 12px;
   font-size: 0.875rem;
-  color: var(--lsg-color-white);
+  color: #ffffff;
   height: 24px;
 }
 .lsg-footer--complex .lsg-footer__contact-item svg {
   flex-shrink: 0;
-  color: var(--lsg-color-white);
+  color: #ffffff;
 }
 .lsg-footer--complex .lsg-footer__contact-item span,
 .lsg-footer--complex .lsg-footer__contact-item a {
-  color: var(--lsg-color-white);
+  color: #ffffff;
   text-decoration: none;
   line-height: 24px;
 }
@@ -1584,7 +1573,7 @@
 }
 .lsg-footer--complex .lsg-footer__quicklink {
   display: block;
-  color: var(--lsg-color-white);
+  color: #ffffff;
   text-decoration: none;
   font-size: 0.875rem;
   line-height: 24px;
@@ -1595,7 +1584,7 @@
 }
 .lsg-footer--complex .lsg-footer__bottom-divider {
   border: none;
-  border-top: 1px solid color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
   margin: 0;
 }
 .lsg-footer--complex .lsg-footer__bottom {
@@ -1611,13 +1600,12 @@
 .lsg-footer__copyright {
   font-size: 0.875rem;
   line-height: 29px;
-  color: var(--lsg-color-white);
+  color: #ffffff;
   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 {
@@ -1792,6 +1780,8 @@
   width: 100%;
   max-width: var(--lsg-video-max-width);
   font-family: var(--lsg-font-family-primary);
+  border-radius: var(--lsg-video-container-radius, 0);
+  overflow: var(--lsg-video-container-overflow, visible);
 }
 .lsg-video--full-width {
   max-width: none;
@@ -1804,8 +1794,10 @@
   position: relative;
   width: 100%;
   height: var(--lsg-video-poster-height);
-  overflow: hidden;
+  overflow: var(--lsg-video-media-overflow, hidden);
   background: var(--lsg-video-poster-bg);
+  border: var(--lsg-video-media-border, none);
+  box-sizing: border-box;
 }
 .lsg-video__poster {
   position: absolute;
@@ -1837,7 +1829,8 @@
 .lsg-video__tags {
   position: absolute;
   left: var(--lsg-video-tags-inset);
-  bottom: var(--lsg-video-tags-inset);
+  top: var(--lsg-video-tags-top, auto);
+  bottom: var(--lsg-video-tags-bottom, auto);
   display: flex;
   flex-wrap: wrap;
   gap: var(--lsg-video-tag-gap);
@@ -1849,11 +1842,11 @@
   padding: 0 var(--lsg-video-tag-padding-x);
   display: inline-flex;
   align-items: center;
-  border-radius: var(--lsg-theme-radius, 10px);
+  border-radius: var(--lsg-video-tag-radius, var(--lsg-theme-radius, 0));
   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);
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+  border: var(--lsg-video-tag-border-width, 0px) solid var(--lsg-video-tag-border-color, transparent);
   font-size: var(--lsg-video-tag-font-size);
   font-weight: var(--lsg-font-weight-semibold, 600);
   color: var(--lsg-video-tag-color);
@@ -1890,6 +1883,12 @@
   height: 100%;
 }
 .lsg-video__caption {
+  position: var(--lsg-video-caption-position, absolute);
+  top: var(--lsg-video-caption-top, auto);
+  bottom: var(--lsg-video-caption-bottom, auto);
+  left: 0;
+  right: 0;
+  z-index: 2;
   width: 100%;
   height: var(--lsg-video-caption-height);
   overflow: hidden;
@@ -2375,7 +2374,6 @@
   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;
@@ -2475,7 +2473,6 @@
 }
 
 .lsg-banner {
-  font-family: var(--lsg-font-family-primary);
   position: relative;
   display: flex;
   align-items: center;
@@ -2500,7 +2497,7 @@
   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%);
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.15) 100%);
 }
 .lsg-banner__inner {
   position: relative;
@@ -2520,7 +2517,6 @@
   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;
@@ -2605,15 +2601,14 @@
   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);
+  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 color-mix(in srgb, var(--lsg-color-black) 8%, transparent);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
 }
 .lsg-card__image {
   aspect-ratio: 16/9;
@@ -2634,7 +2629,6 @@
   gap: 12px;
 }
 .lsg-card__title {
-  font-family: var(--lsg-font-family-secondary);
   font-size: 1.125rem;
   font-weight: 600;
   line-height: 1.3;
@@ -2899,7 +2893,7 @@
   width: 176px;
   padding: 8px 12px;
   background: var(--lsg-color-light);
-  box-shadow: 0 12px 20px color-mix(in srgb, var(--lsg-color-black) 5%, transparent);
+  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
   opacity: 0;
   pointer-events: none;
   transform: translateX(-50%) translateY(-6px);
@@ -2928,7 +2922,7 @@
 }
 .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item {
   display: block;
-  border-top: 1px solid color-mix(in srgb, var(--lsg-color-black) 8%, transparent);
+  border-top: 1px solid rgba(0, 0, 0, 0.08);
 }
 .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__item:first-child {
   border-top: 0;
@@ -3063,7 +3057,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-theme-radius);
+  border-radius: var(--lsg-radius-rounded);
   cursor: pointer;
   transition: border-color 0.15s ease, color 0.15s ease;
 }
@@ -3102,8 +3096,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-theme-radius);
-  box-shadow: 0 4px 12px color-mix(in srgb, var(--lsg-color-black) 10%, transparent);
+  border-radius: var(--lsg-radius-rounded);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   list-style: none;
   padding: 8px 0;
   margin: 0;
@@ -3194,7 +3188,6 @@
 }
 
 .lsg-search-trigger {
-  font-family: var(--lsg-font-family-primary);
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3296,7 +3289,7 @@
   align-items: flex-start;
   justify-content: center;
   padding-top: 80px;
-  background-color: color-mix(in srgb, var(--lsg-color-black) 55%, transparent);
+  background-color: rgba(0, 0, 0, 0.55);
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.2s ease, visibility 0.2s ease;
@@ -3310,9 +3303,9 @@
   max-width: 640px;
   margin: 0 24px;
   background: var(--lsg-color-white);
-  border-radius: var(--lsg-theme-radius);
+  border-radius: var(--lsg-radius-rounded);
   padding: 24px;
-  box-shadow: 0 8px 32px color-mix(in srgb, var(--lsg-color-black) 20%, transparent);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
 }
 .lsg-search-overlay__form {
   display: flex;
@@ -3351,7 +3344,7 @@
 .lsg-search-overlay__submit:focus-visible {
   outline: 2px solid var(--lsg-color-primary);
   outline-offset: 2px;
-  border-radius: var(--lsg-theme-radius);
+  border-radius: var(--lsg-radius-rounded);
 }
 .lsg-search-overlay__submit svg {
   width: 20px;
@@ -3463,7 +3456,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: color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
+  --lsg-header-divider: rgba(255, 255, 255, 0.2);
   --lsg-header-text: var(--lsg-color-black);
   position: sticky;
   top: 0;
@@ -3505,7 +3498,7 @@
   min-width: 136px;
   min-height: 28px;
   padding: 0 12px;
-  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: linear-gradient(45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.04) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.04) 75%);
   background-color: var(--lsg-color-white);
   background-position: 0 0, 0 6px, 6px -6px, -6px 0;
   background-size: 12px 12px;
@@ -3638,7 +3631,7 @@
   padding: 0 20px 0 0;
   margin: 0;
   list-style: none;
-  border-right: 1px solid color-mix(in srgb, var(--lsg-color-black) 12%, transparent);
+  border-right: 1px solid rgba(0, 0, 0, 0.12);
 }
 .lsg-header__mega-column + .lsg-header__mega-column {
   padding-left: 20px;
@@ -4055,11 +4048,7 @@
   --text-xxl-line-height: 1;
 }
 
-.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;
@@ -4156,7 +4145,6 @@
 }
 
 .lsg-social-icons {
-  font-family: var(--lsg-font-family-primary);
   display: flex;
   align-items: center;
   gap: 12px;
@@ -4178,7 +4166,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: color-mix(in srgb, var(--lsg-color-white) 10%, transparent);
+  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));
@@ -4259,8 +4247,8 @@
 
 .lsg-footer {
   font-family: var(--lsg-font-family-primary);
-  background-color: var(--lsg-color-dark);
-  color: var(--lsg-color-white);
+  background-color: #18181b;
+  color: #ffffff;
   width: 100%;
 }
 .lsg-footer--simple .lsg-footer__simple-inner {
@@ -4296,7 +4284,7 @@
   }
 }
 .lsg-footer--simple .lsg-footer__pipe {
-  color: var(--lsg-color-white);
+  color: #ffffff;
   font-size: 0.875rem;
   padding: 0 8px;
   opacity: 0.5;
@@ -4313,13 +4301,13 @@
   .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);
+    border-top: 1px solid rgba(255, 255, 255, 0.2);
     margin: 0;
     width: 100%;
   }
 }
 .lsg-footer--simple .lsg-footer__simple-nav-item {
-  color: var(--lsg-color-white);
+  color: #ffffff;
   text-decoration: none;
   font-size: 0.875rem;
   height: 40px;
@@ -4359,7 +4347,7 @@
   padding-top: 4px;
 }
 .lsg-footer--complex .lsg-footer__logo-col .lsg-logo__text {
-  color: var(--lsg-color-white);
+  color: #ffffff;
   font-weight: 700;
 }
 .lsg-footer--complex .lsg-footer__logo-col .lsg-logo__image {
@@ -4392,7 +4380,7 @@
   font-weight: 600;
   letter-spacing: 0.08em;
   text-transform: uppercase;
-  color: var(--lsg-color-white);
+  color: #ffffff;
   margin: 0 0 24px 0;
   padding: 0;
   line-height: 25px;
@@ -4406,18 +4394,18 @@
 .lsg-footer--complex .lsg-footer__address svg {
   flex-shrink: 0;
   margin-top: 3px;
-  color: var(--lsg-color-white);
+  color: #ffffff;
 }
 .lsg-footer--complex .lsg-footer__address p {
   margin: 0;
   font-size: 0.875rem;
   line-height: 1.6;
-  color: var(--lsg-color-white);
+  color: #ffffff;
   white-space: pre-line;
 }
 .lsg-footer--complex .lsg-footer__divider {
   border: none;
-  border-top: 1px solid color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
   margin: 16px 0;
 }
 .lsg-footer--complex .lsg-footer__contact-items {
@@ -4430,16 +4418,16 @@
   align-items: center;
   gap: 12px;
   font-size: 0.875rem;
-  color: var(--lsg-color-white);
+  color: #ffffff;
   height: 24px;
 }
 .lsg-footer--complex .lsg-footer__contact-item svg {
   flex-shrink: 0;
-  color: var(--lsg-color-white);
+  color: #ffffff;
 }
 .lsg-footer--complex .lsg-footer__contact-item span,
 .lsg-footer--complex .lsg-footer__contact-item a {
-  color: var(--lsg-color-white);
+  color: #ffffff;
   text-decoration: none;
   line-height: 24px;
 }
@@ -4456,7 +4444,7 @@
 }
 .lsg-footer--complex .lsg-footer__quicklink {
   display: block;
-  color: var(--lsg-color-white);
+  color: #ffffff;
   text-decoration: none;
   font-size: 0.875rem;
   line-height: 24px;
@@ -4467,7 +4455,7 @@
 }
 .lsg-footer--complex .lsg-footer__bottom-divider {
   border: none;
-  border-top: 1px solid color-mix(in srgb, var(--lsg-color-white) 20%, transparent);
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
   margin: 0;
 }
 .lsg-footer--complex .lsg-footer__bottom {
@@ -4483,6 +4471,309 @@
 .lsg-footer__copyright {
   font-size: 0.875rem;
   line-height: 29px;
-  color: var(--lsg-color-white);
+  color: #ffffff;
   margin: 0;
+}
+:root {
+  --atlascopco-blue-1: #f5fbfc;
+  --atlascopco-blue-3: #b8e0ec;
+  --atlascopco-blue-5: #7ac6dc;
+  --atlascopco-blue-7: #3daccc;
+  --atlascopco-blue-9: #0092bc;
+  --atlascopco-blue-11: #006f8f;
+  --atlascopco-gray-1: #f8f9f9;
+  --atlascopco-gray-3: #d1d4d7;
+  --atlascopco-gray-5: #aab0b5;
+  --atlascopco-gray-7: #828b92;
+  --atlascopco-gray-9: #5b6770;
+  --atlascopco-gray-11: #2f363a;
+  --atlascopco-beige-1: #f5f2ef;
+  --atlascopco-beige-2: #efebe6;
+  --atlascopco-beige-3: #e7e0da;
+  --atlascopco-beige-4: #dfd6ce;
+  --atlascopco-blue: #0092bc;
+  --atlascopco-blue-dark: #006f8f;
+  --atlascopco-black: #000000;
+  --atlascopco-white: #ffffff;
+  --atlascopco-gradient-blue: linear-gradient(135deg, #0092bc 0%, #006f8f 100%);
+  --atlascopco-gradient-gray: linear-gradient(135deg, #f8f9f9 0%, #aab0b5 100%);
+  --atlascopco-gradient-beige: linear-gradient(135deg, #f5f2ef 0%, #e7e0da 100%);
+  --atlascopco-gradient-dark: linear-gradient(135deg, #5b6770 0%, #2f363a 100%);
+  --atlascopco-grey-100: #f8f9f9;
+  --atlascopco-grey-200: #d1d4d7;
+  --atlascopco-grey-300: #aab0b5;
+  --atlascopco-grey-400: #828b92;
+  --atlascopco-grey-500: #5b6770;
+  --atlascopco-grey-600: #2f363a;
+  --color-primary: #0092bc;
+  --font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
+  --spacing-zero: 0px;
+  --spacing-xxs: 4px;
+  --spacing-xs: 8px;
+  --spacing-sm: 12px;
+  --spacing-md: 16px;
+  --spacing-lg: 24px;
+  --spacing-xl: 36px;
+  --spacing-xxl: 48px;
+  --spacing-3xl: 72px;
+  --spacing-4xl: 96px;
+  --h1-mobile-size: 32px;
+  --h1-mobile-line-height: 1.2;
+  --h2-mobile-size: 24px;
+  --h2-mobile-line-height: 1.2;
+  --h3-mobile-size: 18px;
+  --h3-mobile-line-height: 1.6;
+  --body-mobile-size: 14px;
+  --body-mobile-line-height: 1.5;
+  --h1-desktop-size: 55px;
+  --h1-desktop-line-height: 1.15;
+  --h2-desktop-size: 40px;
+  --h2-desktop-line-height: 1.2;
+  --h3-desktop-size: 32px;
+  --h3-desktop-line-height: 1.2;
+  --body-desktop-size: 18px;
+  --body-desktop-line-height: 1.6;
+  --text-lg-size: 27px;
+  --text-lg-line-height: 1.4;
+  --text-xl-size: 36px;
+  --text-xl-line-height: 1.4;
+  --text-xxl-size: 64px;
+  --text-xxl-line-height: 1;
+}
+
+.lsg-ai-banner {
+  width: 100%;
+  background-color: var(--lsg-ai-banner-bg);
+}
+.lsg-ai-banner__inner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  max-width: var(--lsg-ai-banner-max-width);
+  margin: 0 auto;
+  padding: 0 24px;
+  height: var(--lsg-ai-banner-height);
+}
+.lsg-ai-banner__content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--lsg-ai-banner-gap);
+  min-width: 0;
+}
+@media (min-width: 768px) {
+  .lsg-ai-banner__content {
+    transform: translateX(25vw);
+  }
+}
+.lsg-ai-banner__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: var(--lsg-ai-banner-icon-color);
+  width: var(--lsg-ai-banner-icon-size);
+  height: var(--lsg-ai-banner-icon-size);
+}
+.lsg-ai-banner__icon-svg {
+  width: var(--lsg-ai-banner-icon-size);
+  height: var(--lsg-ai-banner-icon-size);
+}
+.lsg-ai-banner__text {
+  font-size: var(--lsg-ai-banner-font-size);
+  line-height: 1.35;
+  color: var(--lsg-ai-banner-text-color);
+  margin: 0;
+  text-align: center;
+}
+.lsg-ai-banner__text strong {
+  font-weight: inherit;
+}
+: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-accordion {
+  font-family: var(--lsg-font-family-primary);
+  width: 100%;
+  max-width: var(--lsg-accordion-max-width);
+}
+.lsg-accordion--bordered {
+  border: 1px solid var(--lsg-accordion-divider-color);
+  border-radius: var(--lsg-accordion-border-radius);
+  overflow: hidden;
+}
+.lsg-accordion--bordered .lsg-accordion__item:first-child {
+  border-top: none;
+}
+.lsg-accordion__item {
+  border-top: 1px solid var(--lsg-accordion-divider-color);
+}
+.lsg-accordion__item--open > .lsg-accordion__header {
+  color: var(--lsg-accordion-active-color);
+}
+.lsg-accordion__header {
+  width: 100%;
+  min-height: var(--lsg-accordion-header-height);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: var(--lsg-accordion-header-padding-y) 0;
+  background: none;
+  border: none;
+  cursor: pointer;
+  text-align: left;
+  color: var(--lsg-accordion-title-color);
+  font-family: var(--lsg-font-family-primary, inherit);
+  transition: color 200ms ease, border-color 200ms ease;
+}
+.lsg-accordion__header:hover {
+  color: var(--lsg-accordion-active-color);
+}
+.lsg-accordion__header:focus-visible {
+  outline: 2px solid var(--lsg-accordion-active-color);
+  outline-offset: -2px;
+}
+.lsg-accordion__title {
+  font-size: var(--lsg-accordion-title-font-size);
+  font-weight: var(--lsg-font-weight-semibold, 600);
+  line-height: 1.4;
+  flex: 1;
+  padding-left: calc(var(--lsg-accordion-icon-size) + var(--lsg-accordion-icon-gap));
+}
+.lsg-accordion__icon {
+  order: -1;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--lsg-accordion-icon-color);
+  transition: transform var(--lsg-accordion-transition), color 200ms ease;
+}
+.lsg-accordion__icon--open {
+  color: var(--lsg-accordion-active-color);
+}
+.lsg-accordion--icon-chevron .lsg-accordion__icon--open {
+  transform: rotate(180deg);
+}
+.lsg-accordion__icon--open .lsg-accordion__icon-plus-line {
+  display: none;
+}
+.lsg-accordion__icon-svg {
+  width: var(--lsg-accordion-icon-size);
+  height: var(--lsg-accordion-icon-size);
+}
+.lsg-accordion__panel {
+  overflow: hidden;
+  max-height: 0;
+  opacity: 0;
+  transition: max-height var(--lsg-accordion-transition), opacity var(--lsg-accordion-transition);
+}
+.lsg-accordion__panel--open {
+  max-height: 4000px;
+  opacity: 1;
+  padding-bottom: var(--lsg-accordion-content-padding-bottom);
+}
+.lsg-accordion__content {
+  margin-left: calc(var(--lsg-accordion-icon-size) / 2);
+  padding: 0 0 0 var(--lsg-accordion-content-indent);
+  border-left: var(--lsg-accordion-content-border-width) solid var(--lsg-accordion-active-color);
+  font-size: var(--lsg-accordion-content-font-size);
+  line-height: var(--lsg-accordion-content-line-height);
+  color: var(--lsg-accordion-content-color);
+}
+.lsg-accordion__content p {
+  margin: 0 0 12px;
+}
+.lsg-accordion__content p:last-child {
+  margin-bottom: 0;
+}
+.lsg-accordion__content ul, .lsg-accordion__content ol {
+  margin: 0 0 12px 24px;
+  padding: 0;
+}
+.lsg-accordion__content a {
+  color: var(--lsg-accordion-active-color);
+}
+.lsg-accordion__content img {
+  max-width: 100%;
+  height: auto;
+}
+.lsg-accordion--faq .lsg-accordion__title {
+  font-size: var(--lsg-accordion-faq-title-font-size);
+}
+.lsg-accordion--faq .lsg-accordion__content {
+  font-size: var(--lsg-accordion-faq-content-font-size);
+}
+@media (min-width: 768px) {
+  .lsg-accordion__header {
+    min-height: var(--lsg-accordion-header-height);
+  }
+  .lsg-accordion__title {
+    padding-left: var(--lsg-accordion-icon-gap);
+  }
 }