@asante-org/atlascopco-vt-litesitegenerator 1.6.4 → 1.6.13

package/dist/index.esm.scss

@@ -159,6 +159,14 @@
   --lsg-container-width-full: 100%;
   --lsg-container-width-medium: 1280px;
   --lsg-container-width-narrow: 840px;
+  --lsg-ai-banner-bg: var(--lsg-color-dark);
+  --lsg-ai-banner-icon-color: var(--lsg-color-primary);
+  --lsg-ai-banner-text-color: var(--lsg-color-white);
+  --lsg-ai-banner-height: 50px;
+  --lsg-ai-banner-icon-size: 18px;
+  --lsg-ai-banner-font-size: 0.75rem;
+  --lsg-ai-banner-gap: var(--lsg-spacing-size-XS);
+  --lsg-ai-banner-max-width: var(--lsg-container-width-medium);
 }
 
 .lsg-button {
@@ -359,7 +367,7 @@
 .lsg-nav__list {
   display: flex;
   align-items: center;
-  gap: 12px;
+  gap: 18px;
 }
 .lsg-nav__item {
   position: relative;
@@ -371,14 +379,15 @@
   align-items: center;
   justify-content: space-between;
   gap: 4px;
-  min-height: 24px;
-  padding: 4px 0;
+  min-height: 40px;
+  padding: 8px 0;
   font-family: var(--lsg-font-family-primary);
-  font-size: 12px;
+  font-size: 16px;
   font-weight: 400;
-  line-height: 1.2;
+  line-height: 1.5;
   color: var(--lsg-color-black);
   text-decoration: none;
+  text-transform: uppercase;
   border-bottom: 2px solid transparent;
   transition: color 0.24s ease, border-color 0.24s ease, background-color 0.24s ease;
 }
@@ -403,15 +412,15 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 8px;
-  height: 8px;
+  width: 10px;
+  height: 5px;
   color: currentColor;
   transition: transform 0.24s ease;
 }
 .lsg-nav__chevron svg {
   display: block;
-  width: 8px;
-  height: 8px;
+  width: 10px;
+  height: 5px;
   fill: currentColor;
 }
 .lsg-nav--dropdown .lsg-nav__item--has-children > .lsg-nav__link .lsg-nav__chevron {
@@ -424,7 +433,7 @@
   z-index: 40;
   width: 176px;
   padding: 8px 12px;
-  background: var(--lsg-color-white);
+  background: var(--lsg-color-light);
   box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
   opacity: 0;
   pointer-events: none;
@@ -448,7 +457,7 @@
   width: 0;
   height: 0;
   border-right: 9px solid transparent;
-  border-bottom: 9px solid var(--lsg-color-white);
+  border-bottom: 9px solid var(--lsg-color-light);
   border-left: 9px solid transparent;
   transform: translateX(-50%);
 }
@@ -462,11 +471,12 @@
 .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link {
   display: flex;
   width: 100%;
-  min-height: 34px;
+  min-height: 40px;
   padding: 8px 0;
   border-bottom: 0;
-  font-size: 11px;
-  line-height: 1.25;
+  font-size: 14px;
+  line-height: 1.4;
+  text-transform: none;
 }
 .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link:hover, .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link:focus-visible, .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link--current {
   color: var(--lsg-header-green);
@@ -515,7 +525,7 @@
   gap: 8px;
   padding: 8px 12px;
   font-family: var(--lsg-font-family-primary);
-  font-size: 0.875rem;
+  font-size: 14px;
   font-weight: 500;
   color: var(--lsg-color-secondary);
   background: none;
@@ -545,8 +555,8 @@
   transform: rotate(180deg);
 }
 .lsg-lang-switcher__globe {
-  width: 16px;
-  height: 16px;
+  width: 24px;
+  height: 24px;
   fill: currentColor;
 }
 .lsg-lang-switcher__current {
@@ -557,7 +567,7 @@
   top: calc(100% + 4px);
   right: 0;
   min-width: 140px;
-  background: var(--lsg-color-white);
+  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);
@@ -569,7 +579,7 @@
 .lsg-lang-switcher__option-link {
   display: block;
   padding: 8px 12px;
-  font-size: 0.875rem;
+  font-size: 14px;
   color: var(--lsg-color-secondary);
   text-decoration: none;
   transition: background-color 0.1s ease, color 0.1s ease;
@@ -720,7 +730,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(0, 0, 0, 0.12);
+  --lsg-header-divider: rgba(255, 255, 255, 0.2);
   --lsg-header-text: var(--lsg-color-black);
   position: sticky;
   top: 0;
@@ -736,9 +746,9 @@
   align-items: center;
   gap: 20px;
   width: min(100%, 1320px);
-  height: 64px;
+  height: 98px;
   margin: 0 auto;
-  padding: 0 clamp(48px, 9vw, 120px);
+  padding: 0 clamp(48px, 13.9vw, 200px);
   background: var(--lsg-color-white);
 }
 .lsg-header .lsg-logo-decorator {
@@ -831,6 +841,10 @@
   width: 20px;
   height: 20px;
 }
+.lsg-header__icon-button .lsg-header__icon {
+  width: 20px;
+  height: 20px;
+}
 .lsg-header .lsg-lang-switcher__trigger {
   min-height: 20px;
   padding: 0;
@@ -842,17 +856,18 @@
   height: 24px;
 }
 .lsg-header .lsg-lang-switcher__current {
-  font-size: 12px;
+  font-size: 14px;
 }
 .lsg-header__menu-trigger {
   gap: 4px;
   min-height: 20px;
-  font-size: 12px;
+  font-size: 16px;
   line-height: 1;
+  text-transform: uppercase;
 }
 .lsg-header__menu-trigger .lsg-header__icon {
-  width: 10px;
-  height: 10px;
+  width: 20px;
+  height: 14px;
 }
 .lsg-header__separator {
   display: inline-flex;
@@ -870,7 +885,7 @@
   width: min(100%, 1320px);
   min-height: 330px;
   margin: 0 auto;
-  padding: 44px clamp(48px, 9vw, 120px);
+  padding: 44px clamp(48px, 13.9vw, 200px);
   background: var(--lsg-color-white);
   border-top: 1px solid transparent;
   animation: lsg-header-panel-in 0.24s ease both;
@@ -885,12 +900,12 @@
 }
 .lsg-header__mega-column {
   position: relative;
-  width: 204px;
+  width: 229px;
   min-height: 212px;
   padding: 0 20px 0 0;
   margin: 0;
   list-style: none;
-  border-right: 1px solid var(--lsg-header-divider);
+  border-right: 1px solid rgba(0, 0, 0, 0.12);
 }
 .lsg-header__mega-column + .lsg-header__mega-column {
   padding-left: 20px;
@@ -909,11 +924,12 @@
   display: block;
 }
 .lsg-header__mega-item {
-  margin: 0 0 10px;
+  margin: 0 0 4px;
 }
 .lsg-header__mega-item--open > .lsg-header__mega-link, .lsg-header__mega-item:hover > .lsg-header__mega-link, .lsg-header__mega-item:focus-within > .lsg-header__mega-link {
-  color: var(--lsg-header-green);
-  background: var(--lsg-header-active);
+  color: var(--lsg-color-white);
+  background: var(--lsg-color-primary);
+  font-weight: 600;
   outline: none;
 }
 .lsg-header__mega-link {
@@ -921,27 +937,36 @@
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-  min-height: 28px;
-  padding: 6px 8px;
-  font-size: 11px;
-  line-height: 1.2;
-  color: var(--lsg-header-text);
+  min-height: 35px;
+  padding: 6px 10px;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 1.5;
+  color: var(--lsg-color-white);
+  background: var(--lsg-color-primary);
   text-decoration: none;
-  transition: color 0.24s ease, background-color 0.24s ease;
+  text-transform: uppercase;
+  transition: font-weight 0.1s ease;
 }
 .lsg-header__mega-link:hover, .lsg-header__mega-link:focus-visible {
-  color: var(--lsg-header-green);
-  background: var(--lsg-header-active);
+  color: var(--lsg-color-white);
+  background: var(--lsg-color-primary);
+  font-weight: 600;
   outline: none;
 }
 .lsg-header__mega-link .lsg-header__icon {
   width: 8px;
   height: 8px;
   flex: 0 0 auto;
+  fill: var(--lsg-color-white);
+}
+.lsg-header__mega-column .lsg-header__mega-link {
+  font-size: 14px;
+  text-transform: none;
 }
 .lsg-header__mega-item--active > .lsg-header__mega-link {
-  color: var(--lsg-header-green);
-  background: var(--lsg-header-active);
+  color: var(--lsg-color-white);
+  background: var(--lsg-color-primary);
   font-weight: 600;
 }
 .lsg-header__mobile-panel {
@@ -969,12 +994,12 @@
   .lsg-header {
     position: relative;
     width: 100%;
-    min-height: 64px;
+    min-height: 82px;
   }
   .lsg-header__inner {
     width: 100%;
-    height: 64px;
-    padding: 0 8px;
+    height: 82px;
+    padding: 0 16px;
     gap: 8px;
   }
   .lsg-header .lsg-logo-decorator {
@@ -1034,7 +1059,7 @@
   }
   .lsg-header__mobile-panel {
     display: none;
-    min-height: calc(100vh - 64px);
+    min-height: calc(100vh - 82px);
     padding: 10px 16px 48px;
     background: var(--lsg-color-white);
     animation: lsg-header-panel-in 0.24s ease both;
@@ -1059,21 +1084,22 @@
   .lsg-header__mobile-panel .lsg-nav__link {
     display: flex;
     width: 100%;
-    min-height: 35px;
+    min-height: 40px;
     padding: 0 8px;
     border-bottom: 0;
-    font-size: 10px;
+    font-size: 14px;
+    text-transform: uppercase;
   }
   .lsg-header__mobile-panel .lsg-nav__link:hover, .lsg-header__mobile-panel .lsg-nav__link:focus-visible, .lsg-header__mobile-panel .lsg-nav__link--current {
     color: var(--lsg-header-green);
     background: var(--lsg-header-active);
   }
   .lsg-header__mobile-panel .lsg-nav__chevron {
-    width: 8px;
+    width: 10px;
     height: 5px;
   }
   .lsg-header__mobile-panel .lsg-nav__chevron svg {
-    width: 8px;
+    width: 10px;
     height: 5px;
   }
   .lsg-header__mobile-panel .lsg-nav--dropdown .lsg-nav__dropdown {
@@ -1109,8 +1135,16 @@
     border-right: 0;
   }
   .lsg-header__mobile-panel .lsg-header__mega-link {
-    min-height: 35px;
-    font-size: 10px;
+    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;
@@ -1119,7 +1153,7 @@
     min-height: 35px;
     margin: -2px -16px 18px;
     padding: 0 16px;
-    font-size: 11px;
+    font-size: 14px;
     color: var(--lsg-header-text);
     border-bottom: 1px solid transparent;
   }
@@ -1189,16 +1223,16 @@
     align-items: center;
     justify-content: space-between;
     gap: 16px;
-    min-height: 35px;
+    min-height: 40px;
     padding: 0 8px;
-    font-size: 10px;
-    line-height: 1.2;
+    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: 8px;
+    width: 10px;
     height: 5px;
     flex: 0 0 auto;
   }
@@ -1287,6 +1321,7 @@
 }
 
 .lsg-footer {
+  font-family: var(--lsg-font-family-primary);
   background-color: #18181b;
   color: #ffffff;
   width: 100%;
@@ -1664,6 +1699,56 @@
   color: var(--lsg-color-white);
 }
 
+.lsg-ai-banner {
+  width: 100%;
+  background-color: var(--lsg-ai-banner-bg);
+}
+.lsg-ai-banner__inner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  max-width: var(--lsg-ai-banner-max-width);
+  margin: 0 auto;
+  padding: 0 24px;
+  height: var(--lsg-ai-banner-height);
+}
+.lsg-ai-banner__content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--lsg-ai-banner-gap);
+  min-width: 0;
+}
+@media (min-width: 768px) {
+  .lsg-ai-banner__content {
+    transform: translateX(25vw);
+  }
+}
+.lsg-ai-banner__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: var(--lsg-ai-banner-icon-color);
+  width: var(--lsg-ai-banner-icon-size);
+  height: var(--lsg-ai-banner-icon-size);
+}
+.lsg-ai-banner__icon-svg {
+  width: var(--lsg-ai-banner-icon-size);
+  height: var(--lsg-ai-banner-icon-size);
+}
+.lsg-ai-banner__text {
+  font-size: var(--lsg-ai-banner-font-size);
+  line-height: 1.35;
+  color: var(--lsg-ai-banner-text-color);
+  margin: 0;
+  text-align: center;
+  white-space: nowrap;
+}
+.lsg-ai-banner__text strong {
+  font-weight: inherit;
+}
+
 .lsg-visually-hidden {
   position: absolute;
   width: 1px;
@@ -2405,7 +2490,7 @@
 .lsg-nav__list {
   display: flex;
   align-items: center;
-  gap: 12px;
+  gap: 18px;
 }
 .lsg-nav__item {
   position: relative;
@@ -2417,14 +2502,15 @@
   align-items: center;
   justify-content: space-between;
   gap: 4px;
-  min-height: 24px;
-  padding: 4px 0;
+  min-height: 40px;
+  padding: 8px 0;
   font-family: var(--lsg-font-family-primary);
-  font-size: 12px;
+  font-size: 16px;
   font-weight: 400;
-  line-height: 1.2;
+  line-height: 1.5;
   color: var(--lsg-color-black);
   text-decoration: none;
+  text-transform: uppercase;
   border-bottom: 2px solid transparent;
   transition: color 0.24s ease, border-color 0.24s ease, background-color 0.24s ease;
 }
@@ -2449,15 +2535,15 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 8px;
-  height: 8px;
+  width: 10px;
+  height: 5px;
   color: currentColor;
   transition: transform 0.24s ease;
 }
 .lsg-nav__chevron svg {
   display: block;
-  width: 8px;
-  height: 8px;
+  width: 10px;
+  height: 5px;
   fill: currentColor;
 }
 .lsg-nav--dropdown .lsg-nav__item--has-children > .lsg-nav__link .lsg-nav__chevron {
@@ -2470,7 +2556,7 @@
   z-index: 40;
   width: 176px;
   padding: 8px 12px;
-  background: var(--lsg-color-white);
+  background: var(--lsg-color-light);
   box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
   opacity: 0;
   pointer-events: none;
@@ -2494,7 +2580,7 @@
   width: 0;
   height: 0;
   border-right: 9px solid transparent;
-  border-bottom: 9px solid var(--lsg-color-white);
+  border-bottom: 9px solid var(--lsg-color-light);
   border-left: 9px solid transparent;
   transform: translateX(-50%);
 }
@@ -2508,11 +2594,12 @@
 .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link {
   display: flex;
   width: 100%;
-  min-height: 34px;
+  min-height: 40px;
   padding: 8px 0;
   border-bottom: 0;
-  font-size: 11px;
-  line-height: 1.25;
+  font-size: 14px;
+  line-height: 1.4;
+  text-transform: none;
 }
 .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link:hover, .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link:focus-visible, .lsg-nav--dropdown .lsg-nav__dropdown .lsg-nav__link--current {
   color: var(--lsg-header-green);
@@ -2628,7 +2715,7 @@
   gap: 8px;
   padding: 8px 12px;
   font-family: var(--lsg-font-family-primary);
-  font-size: 0.875rem;
+  font-size: 14px;
   font-weight: 500;
   color: var(--lsg-color-secondary);
   background: none;
@@ -2658,8 +2745,8 @@
   transform: rotate(180deg);
 }
 .lsg-lang-switcher__globe {
-  width: 16px;
-  height: 16px;
+  width: 24px;
+  height: 24px;
   fill: currentColor;
 }
 .lsg-lang-switcher__current {
@@ -2670,7 +2757,7 @@
   top: calc(100% + 4px);
   right: 0;
   min-width: 140px;
-  background: var(--lsg-color-white);
+  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);
@@ -2682,7 +2769,7 @@
 .lsg-lang-switcher__option-link {
   display: block;
   padding: 8px 12px;
-  font-size: 0.875rem;
+  font-size: 14px;
   color: var(--lsg-color-secondary);
   text-decoration: none;
   transition: background-color 0.1s ease, color 0.1s ease;
@@ -3031,7 +3118,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(0, 0, 0, 0.12);
+  --lsg-header-divider: rgba(255, 255, 255, 0.2);
   --lsg-header-text: var(--lsg-color-black);
   position: sticky;
   top: 0;
@@ -3047,9 +3134,9 @@
   align-items: center;
   gap: 20px;
   width: min(100%, 1320px);
-  height: 64px;
+  height: 98px;
   margin: 0 auto;
-  padding: 0 clamp(48px, 9vw, 120px);
+  padding: 0 clamp(48px, 13.9vw, 200px);
   background: var(--lsg-color-white);
 }
 .lsg-header .lsg-logo-decorator {
@@ -3142,6 +3229,10 @@
   width: 20px;
   height: 20px;
 }
+.lsg-header__icon-button .lsg-header__icon {
+  width: 20px;
+  height: 20px;
+}
 .lsg-header .lsg-lang-switcher__trigger {
   min-height: 20px;
   padding: 0;
@@ -3153,17 +3244,18 @@
   height: 24px;
 }
 .lsg-header .lsg-lang-switcher__current {
-  font-size: 12px;
+  font-size: 14px;
 }
 .lsg-header__menu-trigger {
   gap: 4px;
   min-height: 20px;
-  font-size: 12px;
+  font-size: 16px;
   line-height: 1;
+  text-transform: uppercase;
 }
 .lsg-header__menu-trigger .lsg-header__icon {
-  width: 10px;
-  height: 10px;
+  width: 20px;
+  height: 14px;
 }
 .lsg-header__separator {
   display: inline-flex;
@@ -3181,7 +3273,7 @@
   width: min(100%, 1320px);
   min-height: 330px;
   margin: 0 auto;
-  padding: 44px clamp(48px, 9vw, 120px);
+  padding: 44px clamp(48px, 13.9vw, 200px);
   background: var(--lsg-color-white);
   border-top: 1px solid transparent;
   animation: lsg-header-panel-in 0.24s ease both;
@@ -3196,12 +3288,12 @@
 }
 .lsg-header__mega-column {
   position: relative;
-  width: 204px;
+  width: 229px;
   min-height: 212px;
   padding: 0 20px 0 0;
   margin: 0;
   list-style: none;
-  border-right: 1px solid var(--lsg-header-divider);
+  border-right: 1px solid rgba(0, 0, 0, 0.12);
 }
 .lsg-header__mega-column + .lsg-header__mega-column {
   padding-left: 20px;
@@ -3220,11 +3312,12 @@
   display: block;
 }
 .lsg-header__mega-item {
-  margin: 0 0 10px;
+  margin: 0 0 4px;
 }
 .lsg-header__mega-item--open > .lsg-header__mega-link, .lsg-header__mega-item:hover > .lsg-header__mega-link, .lsg-header__mega-item:focus-within > .lsg-header__mega-link {
-  color: var(--lsg-header-green);
-  background: var(--lsg-header-active);
+  color: var(--lsg-color-white);
+  background: var(--lsg-color-primary);
+  font-weight: 600;
   outline: none;
 }
 .lsg-header__mega-link {
@@ -3232,27 +3325,36 @@
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-  min-height: 28px;
-  padding: 6px 8px;
-  font-size: 11px;
-  line-height: 1.2;
-  color: var(--lsg-header-text);
+  min-height: 35px;
+  padding: 6px 10px;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 1.5;
+  color: var(--lsg-color-white);
+  background: var(--lsg-color-primary);
   text-decoration: none;
-  transition: color 0.24s ease, background-color 0.24s ease;
+  text-transform: uppercase;
+  transition: font-weight 0.1s ease;
 }
 .lsg-header__mega-link:hover, .lsg-header__mega-link:focus-visible {
-  color: var(--lsg-header-green);
-  background: var(--lsg-header-active);
+  color: var(--lsg-color-white);
+  background: var(--lsg-color-primary);
+  font-weight: 600;
   outline: none;
 }
 .lsg-header__mega-link .lsg-header__icon {
   width: 8px;
   height: 8px;
   flex: 0 0 auto;
+  fill: var(--lsg-color-white);
+}
+.lsg-header__mega-column .lsg-header__mega-link {
+  font-size: 14px;
+  text-transform: none;
 }
 .lsg-header__mega-item--active > .lsg-header__mega-link {
-  color: var(--lsg-header-green);
-  background: var(--lsg-header-active);
+  color: var(--lsg-color-white);
+  background: var(--lsg-color-primary);
   font-weight: 600;
 }
 .lsg-header__mobile-panel {
@@ -3280,12 +3382,12 @@
   .lsg-header {
     position: relative;
     width: 100%;
-    min-height: 64px;
+    min-height: 82px;
   }
   .lsg-header__inner {
     width: 100%;
-    height: 64px;
-    padding: 0 8px;
+    height: 82px;
+    padding: 0 16px;
     gap: 8px;
   }
   .lsg-header .lsg-logo-decorator {
@@ -3345,7 +3447,7 @@
   }
   .lsg-header__mobile-panel {
     display: none;
-    min-height: calc(100vh - 64px);
+    min-height: calc(100vh - 82px);
     padding: 10px 16px 48px;
     background: var(--lsg-color-white);
     animation: lsg-header-panel-in 0.24s ease both;
@@ -3370,21 +3472,22 @@
   .lsg-header__mobile-panel .lsg-nav__link {
     display: flex;
     width: 100%;
-    min-height: 35px;
+    min-height: 40px;
     padding: 0 8px;
     border-bottom: 0;
-    font-size: 10px;
+    font-size: 14px;
+    text-transform: uppercase;
   }
   .lsg-header__mobile-panel .lsg-nav__link:hover, .lsg-header__mobile-panel .lsg-nav__link:focus-visible, .lsg-header__mobile-panel .lsg-nav__link--current {
     color: var(--lsg-header-green);
     background: var(--lsg-header-active);
   }
   .lsg-header__mobile-panel .lsg-nav__chevron {
-    width: 8px;
+    width: 10px;
     height: 5px;
   }
   .lsg-header__mobile-panel .lsg-nav__chevron svg {
-    width: 8px;
+    width: 10px;
     height: 5px;
   }
   .lsg-header__mobile-panel .lsg-nav--dropdown .lsg-nav__dropdown {
@@ -3420,8 +3523,16 @@
     border-right: 0;
   }
   .lsg-header__mobile-panel .lsg-header__mega-link {
-    min-height: 35px;
-    font-size: 10px;
+    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;
@@ -3430,7 +3541,7 @@
     min-height: 35px;
     margin: -2px -16px 18px;
     padding: 0 16px;
-    font-size: 11px;
+    font-size: 14px;
     color: var(--lsg-header-text);
     border-bottom: 1px solid transparent;
   }
@@ -3500,16 +3611,16 @@
     align-items: center;
     justify-content: space-between;
     gap: 16px;
-    min-height: 35px;
+    min-height: 40px;
     padding: 0 8px;
-    font-size: 10px;
-    line-height: 1.2;
+    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: 8px;
+    width: 10px;
     height: 5px;
     flex: 0 0 auto;
   }
@@ -3797,6 +3908,7 @@
 }
 
 .lsg-footer {
+  font-family: var(--lsg-font-family-primary);
   background-color: #18181b;
   color: #ffffff;
   width: 100%;
@@ -4023,4 +4135,120 @@
   line-height: 29px;
   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;
+  white-space: nowrap;
+}
+.lsg-ai-banner__text strong {
+  font-weight: inherit;
 }