/* =========================================================
   Charming Ever — Industrial Safety Footwear Home
   Traditional CSS (no utility framework)
   ========================================================= */
   @import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

   /* ---------- Reset & Base ---------- */
   *,
   *::before,
   *::after {
     box-sizing: border-box;
   }
   
   html {
     scroll-behavior: smooth;
   }
   
   body {
     margin: 0;
     font-family: var(--ce-sans);
     font-size: 16px;
     line-height: 1.65;
     color: #121316;
     background: #ffffff;
     -webkit-font-smoothing: antialiased;
     letter-spacing: 0;
   }
   
   img {
     max-width: 100%;
     height: auto;
     display: block;
     border: 0;
   }
   
   a {
     color: inherit;
     text-decoration: none;
   }
   
   ul,
   ol {
     margin: 0;
     padding: 0;
     list-style: none;
   }
   
   h1, h2, h3, h4, h5, h6 {
     margin: 0;
     font-family: var(--ce-display);
     font-weight: 700;
     line-height: 1.2;
     letter-spacing: 0;
   }
   
   p {
     margin: 0;
   }
   
   button,
   input,
   select,
   textarea {
     font: inherit;
   }
   
   .material-symbols-outlined {
     font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
     vertical-align: middle;
     line-height: 1;
   }
   
   /* ---------- Tokens ---------- */
   :root {
     --ce-orange: #ff6a00;
     --ce-orange-hover: #e55f00;
     --ce-dark: #121316;
     --ce-charcoal: #1a1c20;
     --ce-slate: #25282e;
     --ce-gray: #565b65;
     --ce-light: #f8f9fa;
     --ce-silver: #eef1f5;
     --ce-border: #e2e5eb;
     --ce-border-dark: #2b2e36;
     --ce-white: #ffffff;
     --ce-sans: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
     --ce-display: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
     --ce-container: 1496px;
     --ce-radius: 4px;
     --ce-radius-lg: 10px;
   }
   
   /* ---------- Layout ---------- */
   .ce-container {
     width: 100%;
     max-width: var(--ce-container);
     margin: 0 auto;
     padding-left: 14px;
     padding-right: 14px;
   }
   
   @media (min-width: 640px) {
     .ce-container {
       padding-left: 20px;
       padding-right: 20px;
     }
   }
   
   @media (min-width: 1024px) {
     .ce-container {
       padding-left: 48px;
       padding-right: 48px;
     }
   }
   
   .ce-section {
     padding: 80px 0;
   }
   
   @media (min-width: 1024px) {
     .ce-section {
       padding: 42px 0;
     }
   }
   
   .ce-eyebrow {
     display: inline-block;
     font-family: var(--ce-sans);
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: uppercase;
     color: var(--ce-orange);
   }
   
   .ce-section-title {
     font-family: var(--ce-display);
     font-size: 24px;
     font-weight: 700;
     margin-top: 8px;
     color: var(--ce-dark);
     letter-spacing: 0;
     text-transform: none;
     line-height: 1.25;
   }
   
   @media (min-width: 1024px) {
     .ce-section-title {
       font-size: 28px;
     }
   }
   
   .ce-section-desc {
     font-size: 16px;
     color: var(--ce-gray);
     max-width: 520px;
     line-height: 1.7;
   }
   
   .ce-section-head {
     display: flex;
     flex-direction: column;
     gap: 20px;
     padding-bottom: 8px;
     margin-bottom: 40px;
   }
   
   @media (min-width: 768px) {
     .ce-section-head {
       flex-direction: row;
       align-items: flex-end;
       justify-content: space-between;
     }
   }
   
   /* ---------- Buttons ---------- */
.ce-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: var(--ce-radius);
  font-family: var(--ce-sans);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  border: 1px solid transparent;
     cursor: pointer;
     transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
   }
   
   .ce-btn--primary {
     background: var(--ce-orange);
     color: var(--ce-white);
     box-shadow: 0 0 16px rgba(255, 106, 0, 0.25);
   }
   
   .ce-btn--primary:hover {
     background: var(--ce-orange-hover);
   }
   
   .ce-btn--ghost {
     background: rgba(18, 19, 22, 0.28);
     color: var(--ce-white);
     border-color: rgba(255, 255, 255, 0.35);
     backdrop-filter: blur(8px);
   }
   
   .ce-btn--ghost:hover {
     background: rgba(18, 19, 22, 0.45);
   }
   
   .ce-btn--dark {
     background: var(--ce-dark);
     color: var(--ce-white);
   }
   
   .ce-btn--dark:hover {
     background: var(--ce-orange);
   }
   
   .ce-btn--block {
     width: 100%;
     padding: 16px 24px;
   }
   
   /* ---------- Header (floats over hero) ---------- */
   .ce-header {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 100;
     /*! height: 96px; */
     background: rgba(255, 255, 255, 0.96);
     border-bottom: 0;
     backdrop-filter: blur(14px);
     box-shadow: 0 8px 28px rgba(18, 19, 22, 0.08);
     transition: background 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease;
   }
   
   .ce-header.is-scrolled {
     background: rgba(255, 255, 255, 0.98);
     box-shadow: 0 8px 28px rgba(18, 19, 22, 0.1);
   }
   
   .ce-header__inner {
     height: 96px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 16px;
   }
   
   .ce-logo {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     position: relative;
     min-height: 80px;
   }
   
   .ce-logo__img {
     height: 80px;
     width: auto;
     max-width: 300px;
     object-fit: contain;
     transition: transform 0.25s ease, opacity 0.25s ease;
   }
   
   .ce-logo:hover .ce-logo__img {
     transform: scale(1.03);
   }
   
   /* White header: dark logo by default */
   .ce-logo__img--dark {
     display: block;
   }
   
   .ce-logo__img--light {
     display: none;
   }
   
   .ce-nav {
     display: none;
     align-items: center;
     gap: 0;
     flex: 1 1 auto;
     justify-content: space-evenly;
     min-width: 0;
     flex-wrap: nowrap;
     margin: 0 12px;
     max-width: none;
   }
   
   @media (min-width: 1280px) {
     .ce-nav {
       gap: 0;
       padding: 0 8px;
     }
   }
   
   @media (min-width: 1440px) {
     .ce-nav {
       gap: 0;
       padding: 0 16px;
     }
   }
   
   .ce-nav__item {
     position: relative;
     display: flex;
     align-items: center;
   }
   
.ce-nav__link,
.ce-nav > a.ce-nav__link,
.ce-nav > a {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-family: var(--ce-sans);
  font-size: 18px;
  font-weight: 700;
  color: var(--ce-dark);
  letter-spacing: 0;
  transition: color 0.2s ease;
  white-space: nowrap;
  padding: 10px 4px;
}

@media (min-width: 1440px) {
  .ce-nav__link,
  .ce-nav > a.ce-nav__link,
  .ce-nav > a {
    font-size: 18px;
  }
}

.ce-nav__caret {
  font-size: 22px;
  opacity: 0.7;
  transition: transform 0.2s ease;
}
   
   .ce-nav__item:hover .ce-nav__caret,
   .ce-nav__item:focus-within .ce-nav__caret {
     transform: rotate(180deg);
   }
   
   .ce-nav__link:hover,
   .ce-nav > a:hover,
   .ce-nav__link.is-active,
   .ce-nav__link[aria-current="page"],
   .ce-nav > a.is-active,
   .ce-nav > a[aria-current="page"],
   .ce-nav__item.is-active > .ce-nav__link,
   .ce-mobile-nav a[aria-current="page"] {
     color: var(--ce-orange);
   }
   
   .ce-nav__dropdown {
     position: absolute;
     top: 100%;
     left: 50%;
     transform: translateX(-50%) translateY(6px);
     min-width: 220px;
     padding: 10px 0;
     background: #fff;
     border-radius: 6px;
     box-shadow: 0 12px 32px rgba(18, 19, 22, 0.14);
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
     z-index: 120;
   }
   
   .ce-nav__dropdown::before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: -12px;
     height: 12px;
   }
   
   .ce-nav__item:hover .ce-nav__dropdown,
   .ce-nav__item:focus-within .ce-nav__dropdown {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
     transform: translateX(-50%) translateY(0);
   }
   
.ce-nav__dropdown a {
  display: block;
  padding: 12px 18px;
  font-family: var(--ce-sans);
  font-size: 16px;
  font-weight: 600;
  color: var(--ce-dark);
  letter-spacing: 0;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease;
}
   
   .ce-nav__dropdown a:hover {
     background: #f7f8fa;
     color: var(--ce-orange);
   }
   
   .ce-header__actions {
     display: flex;
     align-items: center;
     gap: 12px;
   }
   
.ce-header__cta {
  display: none;
  font-size: 16px;
  padding: 14px 28px;
}

@media (min-width: 640px) {
  .ce-header__cta {
    display: inline-flex;
  }
}
   
   @media (min-width: 900px) {
     .ce-header__actions {
       gap: 20px;
     }
   }
   
   .ce-menu-toggle {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     border: 0;
     border-radius: var(--ce-radius);
     background: var(--ce-light);
     color: var(--ce-dark);
     cursor: pointer;
   }
   
   @media (min-width: 1280px) {
     .ce-nav {
       display: flex;
     }
   
     .ce-menu-toggle {
       display: none;
     }
   }
   
   .ce-mobile-nav {
     display: none;
     position: absolute;
     top: 96px;
     left: 0;
     right: 0;
     background: rgba(255, 255, 255, 0.98);
     padding: 16px 24px 24px;
     box-shadow: 0 16px 40px rgba(18, 19, 22, 0.12);
   }
   
   .ce-mobile-nav.is-open {
     display: block;
   }
   
.ce-mobile-nav a,
.ce-mobile-nav__parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 0;
  font-size: 17px;
  font-weight: 600;
  color: var(--ce-dark);
  border: 0;
  border-bottom: 1px solid rgba(226, 229, 235, 0.6);
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  box-sizing: border-box;
}

.ce-mobile-nav a:last-child {
  border-bottom: 0;
}

.ce-mobile-nav__group {
  border-bottom: 1px solid rgba(226, 229, 235, 0.6);
}

.ce-mobile-nav__group:last-child {
  border-bottom: 0;
}

.ce-mobile-nav__parent {
  font-weight: 700;
  border-bottom: 0;
}

.ce-mobile-nav__parent-row {
  display: flex;
  align-items: center;
}

.ce-mobile-nav__parent-row .ce-mobile-nav__parent {
  flex: 1;
  min-width: 0;
}

.ce-mobile-nav__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ce-gray);
  cursor: pointer;
}

.ce-mobile-nav__toggle .material-symbols-outlined {
  font-size: 22px;
  color: var(--ce-gray);
  transition: transform 0.2s ease;
}

.ce-mobile-nav__group.is-open .ce-mobile-nav__toggle .material-symbols-outlined {
  transform: rotate(180deg);
}

.ce-mobile-nav__subs {
  display: none;
  padding: 0 0 8px;
}

.ce-mobile-nav__group.is-open .ce-mobile-nav__subs {
  display: block;
}

.ce-mobile-nav__child {
  display: block;
  padding: 10px 0 10px 16px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--ce-gray) !important;
  border-bottom: 0 !important;
}
   
   /* ---------- Hero ---------- */
   .ce-hero {
     position: relative;
     min-height: 78vh;
     padding-top: 96px;
     display: flex;
     align-items: center;
     background: var(--ce-dark);
     overflow: hidden;
     color: var(--ce-white);
   }

   .ce-hero__track {
     position: absolute;
     inset: 0;
     z-index: 0;
   }

   .ce-hero__slide {
     position: absolute;
     inset: 0;
     display: flex;
     align-items: center;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     transition: opacity 0.7s ease, visibility 0.7s ease;
   }

   .ce-hero__slide.is-active {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
     z-index: 1;
   }

   .ce-hero__slide > .ce-container {
     position: relative;
     z-index: 1;
     width: 100%;
   }
   
   .ce-hero__bg {
     position: absolute;
     inset: 0;
     z-index: 0;
   }
   
   .ce-hero__bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center right;
     opacity: 1;
     filter: none;
     transform: scale(1.04);
     transition: transform 6.5s ease;
   }

   .ce-hero__slide.is-active .ce-hero__bg img {
     transform: scale(1);
   }
   
   .ce-hero__mask {
     position: absolute;
     inset: 0;
     background:
       linear-gradient(90deg, rgba(18, 19, 22, 0.55) 0%, rgba(18, 19, 22, 0.28) 42%, rgba(18, 19, 22, 0.08) 72%, transparent 100%),
       linear-gradient(0deg, rgba(18, 19, 22, 0.45) 0%, transparent 38%);
   }
   
   .ce-hero__content {
     position: relative;
     z-index: 1;
     padding: 88px 0 96px;
     max-width: 820px;
   }

   .ce-hero__ui {
     position: absolute;
     inset: 0;
     z-index: 3;
     pointer-events: none;
   }

   .ce-hero__nav {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 48px;
     height: 48px;
     border: 0;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.16);
     color: #fff;
     backdrop-filter: blur(8px);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     pointer-events: auto;
     transition: background 0.2s ease, transform 0.2s ease;
   }

   .ce-hero__nav:hover {
     background: var(--ce-orange);
   }

   .ce-hero__nav .material-symbols-outlined {
     font-size: 28px;
   }

   .ce-hero__nav--prev {
     left: 16px;
   }

   .ce-hero__nav--next {
     right: 16px;
   }

   .ce-hero__dots {
     position: absolute;
     left: 50%;
     bottom: 28px;
     transform: translateX(-50%);
     display: flex;
     gap: 10px;
     pointer-events: auto;
   }

   .ce-hero__dot {
     width: 10px;
     height: 10px;
     padding: 0;
     border: 0;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.4);
     cursor: pointer;
     transition: width 0.25s ease, background 0.25s ease;
   }

   .ce-hero__dot.is-active {
     width: 28px;
     background: var(--ce-orange);
   }

   @media (min-width: 1024px) {
     .ce-hero__nav--prev {
       left: max(24px, calc((100vw - 1200px) / 2 - 8px));
     }

     .ce-hero__nav--next {
       right: max(24px, calc((100vw - 1200px) / 2 - 8px));
     }
   }
   
   .ce-hero__badge {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 6px 12px;
     background: rgba(18, 19, 22, 0.35);
     border: 0;
     border-radius: 999px;
     backdrop-filter: blur(8px);
     font-family: var(--ce-sans);
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: uppercase;
     color: var(--ce-white);
     margin-bottom: 20px;
   }
   
   .ce-hero__pulse {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: var(--ce-orange);
     animation: ce-pulse 1.6s ease-in-out infinite;
   }
   
   @keyframes ce-pulse {
     0%, 100% { opacity: 1; transform: scale(1); }
     50% { opacity: 0.45; transform: scale(0.85); }
   }
   
   .ce-hero h1 {
     font-family: var(--ce-display);
     font-size: 42px;
     font-weight: 700;
     letter-spacing: 0;
     line-height: 1.12;
     margin-bottom: 20px;
     text-transform: none;
     text-shadow: 0 2px 24px rgba(0, 0, 0, 0.25);
   }
   
   @media (min-width: 640px) {
     .ce-hero h1 {
       font-size: 56px;
     }
   }
   
   @media (min-width: 1024px) {
     .ce-hero h1 {
       font-size: 68px;
     }
   }
   
   .ce-hero h1 .accent {
     color: var(--ce-orange);
   }
   
   .ce-hero__lead {
     font-size: 17px;
     font-weight: 400;
     color: rgba(255, 255, 255, 0.94);
     max-width: 720px;
     line-height: 1.75;
     margin-bottom: 28px;
     text-shadow: 0 1px 12px rgba(0, 0, 0, 0.35);
   }
   
   @media (min-width: 640px) {
     .ce-hero__lead {
       font-size: 19px;
     }
   }
   
   @media (min-width: 1024px) {
     .ce-hero__lead {
       font-size: 20px;
     }
   }
   
   .ce-hero__actions {
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
     margin-bottom: 0;
   }
   
   /* ---------- About Us ---------- */
   .ce-about {
     background: #ffffff;
     padding: 88px 0 72px;
     overflow: hidden;
   }
   
   .ce-about__layout {
     display: grid;
     grid-template-columns: 1fr;
     gap: 36px;
     align-items: stretch;
   }
   
   @media (min-width: 980px) {
     .ce-about__layout {
       grid-template-columns: 0.95fr 1.05fr;
       gap: 48px;
       align-items: start;
     }
   }
   
   .ce-about__visual {
     margin: 0;
     border-radius: 4px;
     overflow: hidden;
     height: 180px;
   }
   
   .ce-about__visual img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
   }

   @media (min-width: 768px) {
     .ce-about__visual {
       height: 320px;
     }
   }
   
   @media (min-width: 980px) {
     .ce-about__visual {
       height: 600px;
     }
   }
   
   .ce-about__content {
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 8px 0 24px;
   }
   
   .ce-about__title-wrap {
     position: relative;
     margin-bottom: 24px;
   }
   
   .ce-about__watermark {
     position: absolute;
     left: -4px;
     top: -28px;
     font-family: var(--ce-display);
     font-size: clamp(64px, 10vw, 108px);
     font-weight: 700;
     letter-spacing: 0;
     line-height: 1;
     color: transparent;
     -webkit-text-stroke: 1px rgba(18, 19, 22, 0.1);
     pointer-events: none;
     user-select: none;
     white-space: nowrap;
   }
   
   .ce-about__title {
     position: relative;
     z-index: 1;
     font-family: var(--ce-display);
     font-size: clamp(36px, 5vw, 48px);
     font-weight: 700;
     letter-spacing: 0;
     color: var(--ce-orange);
     text-transform: none;
     margin: 0;
   }
   
   .ce-about__lead,
   .ce-about__content > p,
   .ce-about__body p {
     font-size: 15px;
     line-height: 1.8;
     color: #3a3f48;
     margin-bottom: 14px;
     max-width: 560px;
   }
   
   .ce-about__lead {
     font-size: 16px;
     color: #2a2e36;
   }
   
   .ce-about__more {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     margin-top: 12px;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: uppercase;
     color: var(--ce-orange);
   }
   
   .ce-about__more-icon {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     background: var(--ce-orange);
     color: #fff;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: transform 0.2s ease;
   }
   
   .ce-about__more-icon .material-symbols-outlined {
     font-size: 18px;
   }
   
   .ce-about__more:hover .ce-about__more-icon {
     transform: translateX(3px);
   }
   
   .ce-about__stats {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 0;
     margin-top: 40px;
     background: linear-gradient(90deg, #ff6a00 0%, #ff8128 55%, #ff9a52 100%);
     color: #fff;
     padding: 28px 20px;
     box-shadow: 0 18px 48px rgba(255, 106, 0, 0.28);
   }
   
   @media (min-width: 640px) {
     .ce-about__stats {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
   
   @media (min-width: 980px) {
     .ce-about__stats {
       grid-template-columns: repeat(4, minmax(0, 1fr));
       margin-top: -28px;
       margin-left: 8%;
       position: relative;
       z-index: 2;
       padding: 32px 28px;
     }
   }
   
   .ce-about__stat {
     text-align: center;
     padding: 12px 8px;
   }
   
   .ce-about__stat strong {
     display: block;
     font-family: var(--ce-display);
     font-size: 32px;
     font-weight: 700;
     letter-spacing: 0;
     line-height: 1.15;
     font-variant-numeric: tabular-nums lining-nums;
   }
   
   .ce-about__stat span {
     display: block;
     margin-top: 8px;
     font-size: 11px;
     font-weight: 600;
     letter-spacing: 0;
     text-transform: uppercase;
     opacity: 0.92;
     line-height: 1.35;
   }
   
   /* ---------- Products ---------- */
   .ce-products {
     background: #f5f6f8;
     padding-top: 96px;
   }
   
   .ce-section-link {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-size: 14px;
     font-weight: 600;
     color: var(--ce-orange);
     white-space: nowrap;
   }
   
   .ce-section-link:hover {
     color: var(--ce-orange-hover);
   }
   
   .ce-product-grid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 12px;
   }
   
   @media (min-width: 640px) {
     .ce-product-grid {
       gap: 20px;
     }
   }
   
   @media (min-width: 1100px) {
     .ce-product-grid {
       grid-template-columns: repeat(4, minmax(0, 1fr));
       gap: 24px;
     }
   }
   
   .ce-product-card {
     background: #ffffff;
     border: 0;
     border-radius: 4px;
     overflow: hidden;
     box-shadow: 0 10px 28px rgba(18, 19, 22, 0.05);
     transition: transform 0.25s ease, box-shadow 0.25s ease;
   }
   
   .ce-product-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 18px 40px rgba(18, 19, 22, 0.1);
   }
   
   .ce-product-card__link-wrap {
     display: flex;
     flex-direction: column;
     height: 100%;
     color: inherit;
   }
   
   .ce-product-card__media {
     position: relative;
     aspect-ratio: 1 / 1;
     margin: 0;
     background: #f5f5f5;
     overflow: hidden;
   }
   
   .ce-product-card__media img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     transition: transform 0.35s ease;
   }
   
   .ce-product-card:hover .ce-product-card__media img {
     transform: scale(1.04);
   }
   
   .ce-product-card__body {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     gap: 10px;
     padding: 24px 18px 28px;
   }
   
   .ce-product-card h3 {
     font-family: var(--ce-sans);
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: none;
     color: var(--ce-dark);
     line-height: 1.3;
   }
   
   .ce-product-card__price {
     font-size: 16px;
     font-weight: 600;
     color: var(--ce-orange);
     letter-spacing: 0;
   }
   
   .ce-product-card__price [itemprop="priceCurrency"] {
     margin-right: 4px;
     font-size: 13px;
     font-weight: 600;
   }
   
   .ce-product-card__more {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     margin-top: 8px;
     padding: 10px 18px 10px 20px;
     border-radius: 999px;
     background: #eef0f3;
     font-size: 13px;
     font-weight: 600;
     color: #4b5160;
     transition: background 0.2s ease, color 0.2s ease;
   }
   
   .ce-product-card__more-icon {
     width: 24px;
     height: 24px;
     border-radius: 50%;
     background: var(--ce-orange);
     color: #fff;
     display: inline-flex;
     align-items: center;
     justify-content: center;
   }
   
   .ce-product-card__more-icon .material-symbols-outlined {
     font-size: 14px;
   }
   
   .ce-product-card:hover .ce-product-card__more {
     background: #e6e8ec;
     color: var(--ce-dark);
   }
   
   /* ---------- Industries: few wide panels + swipe/arrows + hover expand ---------- */
   .ce-industries {
     background: #0f1013;
     color: #ffffff;
     padding-bottom: 0;
     position: relative;
     z-index: 1;
     overflow: visible;
   }
   
   .ce-industries .ce-section-title {
     color: #ffffff;
   }
   
   .ce-industries__head {
     display: flex;
     align-items: flex-end;
     justify-content: space-between;
     gap: 20px;
     margin-bottom: 28px;
     padding-bottom: 8px;
   }
   
   .ce-industries__desc {
     margin-top: 10px;
     max-width: 680px;
     font-size: 15px;
     line-height: 1.7;
     color: rgba(255, 255, 255, 0.68);
   }
   
   .ce-industries__nav {
     display: flex;
     gap: 10px;
     flex-shrink: 0;
     position: relative;
     z-index: 5;
   }
   
   .ce-industries__btn {
     width: 48px;
     height: 48px;
     border: 0;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.12);
     color: #ffffff;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s ease;
     pointer-events: auto;
   }
   
   .ce-industries__btn .material-symbols-outlined {
     pointer-events: none;
     font-size: 28px;
   }
   
   .ce-industries__btn:hover,
   .ce-industries__btn:focus {
     background: var(--ce-orange);
     outline: none;
   }
   
   .ce-industries__btn:disabled {
     opacity: 0.35;
     cursor: default;
     background: rgba(255, 255, 255, 0.08);
   }
   
   .ce-industries__gallery {
     display: flex;
     align-items: stretch;
     gap: 0;
     width: 100%;
     height: 520px;
     overflow: visible;
     background: transparent;
     user-select: none;
     cursor: grab;
     touch-action: pan-y;
   }
   
   .ce-industries__gallery.is-dragging {
     cursor: grabbing;
   }
   
   /* Slanted slabs — same pattern as ready/rd-industry-slab */
   .ce-industry-card {
     --ce-slab-slant: 12%;
     position: relative;
     flex: 1 1 0;
     min-width: 48px;
     height: 100%;
     margin-left: -2.4%;
     z-index: 1;
     overflow: hidden;
     background: #1a1c20;
     cursor: pointer;
     color: inherit;
     text-decoration: none;
     display: block;
     clip-path: polygon(
       var(--ce-slab-slant) 0,
       100% 0,
       calc(100% - var(--ce-slab-slant)) 100%,
       0 100%
     );
     transition:
       flex 0.65s cubic-bezier(0.25, 1, 0.35, 1),
       clip-path 0.45s ease,
       margin-left 0.45s ease;
   }
   
   .ce-industry-card:first-child {
     margin-left: 0;
     z-index: 3;
     clip-path: polygon(
       0 0,
       100% 0,
       calc(100% - var(--ce-slab-slant)) 100%,
       0 100%
     );
   }
   
   .ce-industry-card:last-child {
     clip-path: polygon(
       var(--ce-slab-slant) 0,
       100% 0,
       100% 100%,
       0 100%
     );
   }
   
   .ce-industry-card::after {
     content: "";
     position: absolute;
     top: 6%;
     right: 0;
     width: 1px;
     height: 88%;
     background: linear-gradient(
       180deg,
       transparent 0%,
       rgba(255, 255, 255, 0.22) 35%,
       rgba(255, 106, 0, 0.45) 100%
     );
     z-index: 12;
     pointer-events: none;
   }
   
   .ce-industry-card:last-child::after {
     display: none;
   }
   
   .ce-industries__gallery:hover {
     gap: 8px;
   }
   
   .ce-industries__gallery:hover .ce-industry-card {
     flex: 0.55 1 0;
     margin-left: 0;
     clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
   }
   
   .ce-industries__gallery .ce-industry-card:hover,
   .ce-industries__gallery .ce-industry-card:focus-visible {
     flex: 3.6 1 0;
     z-index: 8;
   }
   
   .ce-industries__gallery.is-dragging:hover {
     gap: 0;
   }
   
   .ce-industries__gallery.is-dragging:hover .ce-industry-card,
   .ce-industries__gallery.is-dragging .ce-industry-card:hover {
     flex: 1 1 0;
     margin-left: -2.4%;
     z-index: 1;
     clip-path: polygon(
       var(--ce-slab-slant) 0,
       100% 0,
       calc(100% - var(--ce-slab-slant)) 100%,
       0 100%
     );
   }
   
   .ce-industries__gallery.is-dragging:hover .ce-industry-card:first-child {
     margin-left: 0;
     clip-path: polygon(
       0 0,
       100% 0,
       calc(100% - var(--ce-slab-slant)) 100%,
       0 100%
     );
   }
   
   .ce-industries__gallery.is-dragging:hover .ce-industry-card:last-child {
     clip-path: polygon(
       var(--ce-slab-slant) 0,
       100% 0,
       100% 100%,
       0 100%
     );
   }
   
   .ce-industry-card__media {
     position: absolute;
     top: 0;
     left: -7%;
     width: 114%;
     height: 100%;
     overflow: hidden;
     pointer-events: none;
     background: #1a1c20;
     transition: width 0.45s ease, left 0.45s ease;
   }
   
   .ce-industry-card:first-child .ce-industry-card__media,
   .ce-industry-card:last-child .ce-industry-card__media {
     width: 108%;
     left: 0;
   }
   .ce-industries__gallery:hover .ce-industry-card__media {
     width: 100%;
     left: 0;
   }
   
   .ce-industry-card__media img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     display: block;
     transform: scale(1);
     filter: brightness(0.94) saturate(1.08);
     transition: transform 0.65s cubic-bezier(0.25, 1, 0.35, 1), filter 0.45s ease;
   }
   
   .ce-industries__gallery:hover .ce-industry-card:not(:hover) .ce-industry-card__media img {
     filter: brightness(0.62) saturate(0.85);
   }
   
   .ce-industry-card:hover .ce-industry-card__media img,
   .ce-industry-card:focus-visible .ce-industry-card__media img {
     transform: scale(1.05);
     filter: brightness(1) saturate(1.12);
   }
   
   .ce-industry-card__mask {
     position: absolute;
     inset: 0;
     z-index: 1;
     pointer-events: none;
     background: linear-gradient(
       180deg,
       rgba(8, 9, 12, 0) 0%,
       rgba(8, 9, 12, 0.02) 50%,
       rgba(8, 9, 12, 0.62) 78%,
       rgba(8, 9, 12, 0.88) 100%
     );
     transition: background 0.45s ease;
   }
   
   .ce-industry-card:hover .ce-industry-card__mask,
   .ce-industry-card:focus-visible .ce-industry-card__mask {
     background: linear-gradient(
       180deg,
       rgba(8, 9, 12, 0) 0%,
       rgba(255, 106, 0, 0.12) 52%,
       rgba(8, 9, 12, 0.78) 82%,
       rgba(8, 9, 12, 0.92) 100%
     );
   }
   
   .ce-industry-card__body {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 3;
     padding: 32px 14px 30px;
     text-align: center;
     pointer-events: none;
     transition: padding 0.4s ease;
   }
   
   .ce-industry-card:hover .ce-industry-card__body,
   .ce-industry-card:focus-visible .ce-industry-card__body {
     padding: 40px 20px 38px;
   }
   
   .ce-industry-card h3 {
     font-size: 16px;
     font-weight: 700;
     line-height: 1.4;
     letter-spacing: 0;
     text-transform: none;
     color: #ffffff;
     text-shadow: 0 2px 14px rgba(0, 0, 0, 0.6);
     transition: font-size 0.4s ease;
   }
   
   .ce-industry-card:hover h3,
   .ce-industry-card:focus-visible h3 {
     font-size: 22px;
   }
   
   .ce-industry-card__line {
     display: block;
     width: 32px;
     height: 3px;
     margin: 12px auto 0;
     background: var(--ce-orange);
     border-radius: 2px;
     transition: width 0.4s ease;
   }
   
   .ce-industry-card:hover .ce-industry-card__line,
   .ce-industry-card:focus-visible .ce-industry-card__line {
     width: 48px;
   }
   
   @media (min-width: 900px) {
     .ce-industries__gallery {
       height: 560px;
     }
   }
   
   @media (min-width: 1200px) {
     .ce-industries__gallery {
       height: 600px;
     }
   
     .ce-industry-card h3 {
       font-size: 17px;
     }
   
     .ce-industry-card:hover h3,
     .ce-industry-card:focus-visible h3 {
       font-size: 24px;
     }
   }
   
   @media (max-width: 767px) {
     .ce-industries__gallery {
       height: 400px;
     }
   
     .ce-industry-card {
       --ce-slab-slant: 8%;
       margin-left: -1.6%;
     }
   
     .ce-industry-card h3 {
       font-size: 14px;
     }
   
     .ce-industry-card:hover h3,
     .ce-industry-card:focus-visible h3 {
       font-size: 17px;
     }
   }
   
   /* ---------- Technological advantages (tabbed panel) ---------- */
   .ce-tech {
     position: relative;
     background:
       linear-gradient(180deg, #f4f5f7 0%, #fafbfc 45%, #f1f2f5 100%);
     overflow: hidden;
   }
   
   .ce-tech::before {
     content: "";
     position: absolute;
     inset: 0;
     background-image:
       linear-gradient(90deg, rgba(18, 19, 22, 0.03) 1px, transparent 1px),
       linear-gradient(rgba(18, 19, 22, 0.03) 1px, transparent 1px);
     background-size: 72px 72px;
     mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.35), transparent 55%);
     pointer-events: none;
   }
   
   .ce-tech .ce-container {
     position: relative;
     z-index: 1;
   }
   
   .ce-tech__stage {
     display: grid;
     grid-template-columns: 1fr;
     gap: 32px;
     align-items: center;
     margin-bottom: 28px;
   }
   
   @media (min-width: 960px) {
     .ce-tech__stage {
       grid-template-columns: minmax(280px, 0.92fr) minmax(360px, 1.08fr);
       gap: 48px;
       min-height: 420px;
       margin-bottom: 36px;
     }
   }
   
   .ce-tech__title {
     position: relative;
     margin: 0 0 28px;
     padding-left: 18px;
     font-family: var(--ce-display);
     font-size: clamp(36px, 4.5vw, 52px);
     font-weight: 700;
     letter-spacing: 0;
     line-height: 1.12;
     text-transform: none;
     color: var(--ce-dark);
   }
   
   .ce-tech__title::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0.12em;
     bottom: 0.12em;
     width: 4px;
     background: var(--ce-orange);
   }
   
   .ce-tech__panels {
     position: relative;
     min-height: 168px;
   }
   
   .ce-tech__panel {
     max-width: 520px;
   }
   
   .ce-tech__panel[hidden] {
     display: none !important;
   }
   
   .ce-tech__label {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     margin: 0 0 16px;
     font-family: var(--ce-sans);
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 0;
     line-height: 1.35;
     text-transform: none;
     text-decoration: none;
     color: var(--ce-orange);
   }

   a.ce-tech__label:hover {
     text-decoration: underline;
   }
   
   .ce-tech__label .material-symbols-outlined {
     font-size: 18px;
     font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;
   }
   
   .ce-tech__desc {
     margin: 0;
     font-size: 16px;
     line-height: 1.75;
     color: var(--ce-gray);
   }
   
   .ce-tech__media {
     position: relative;
     min-height: 280px;
   }
   
   @media (min-width: 960px) {
     .ce-tech__media {
       min-height: 420px;
     }
   }
   
   .ce-tech__figure {
     margin: 0;
     border-radius: 4px;
     overflow: hidden;
     background: #e8eaee;
     box-shadow: 0 24px 56px rgba(18, 19, 22, 0.1);
   }
   
   .ce-tech__figure[hidden] {
     display: none !important;
   }
   
   .ce-tech__figure img {
     display: block;
     width: 100%;
     height: clamp(260px, 36vw, 440px);
     object-fit: cover;
     object-position: bottom;
   }
   
   .ce-tech__tabs {
     display: grid;
     grid-template-columns: 1fr;
     gap: 0;
     list-style: none;
     margin: 0;
     padding: 0;
     border: 1px solid var(--ce-border);
     background: var(--ce-white);
     box-shadow: 0 18px 40px rgba(18, 19, 22, 0.06);
   }
   
   @media (min-width: 768px) {
     .ce-tech__tabs {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
   
   .ce-tech__tabs > li {
     position: relative;
     margin: 0;
     border-bottom: 1px solid var(--ce-border);
   }
   
   @media (min-width: 768px) {
     .ce-tech__tabs > li {
       border-bottom: 0;
       border-right: 1px solid var(--ce-border);
     }
   
     .ce-tech__tabs > li:nth-child(odd) .ce-tech__tab:not(.is-active) {
       background: #f3f4f6;
     }
   
     .ce-tech__tabs > li:last-child {
       border-right: 0;
     }
   }
   
   .ce-tech__tab {
     display: flex;
     width: 100%;
     min-height: 92px;
     align-items: center;
     gap: 14px;
     padding: 18px 62px 18px 20px;
     border: 0;
     background: transparent;
     color: var(--ce-dark);
     text-align: left;
     cursor: pointer;
     transition: background 0.25s ease, color 0.25s ease;
   }
   
   .ce-tech__tab:hover,
   .ce-tech__tab:focus-visible {
     outline: none;
     background: rgba(255, 106, 0, 0.06);
   }
   
   .ce-tech__tab.is-active {
     background: linear-gradient(135deg, #ff7a1a 0%, #ff6a00 55%, #e55f00 100%);
     color: var(--ce-white);
   }
   
   .ce-tech__tab-icon {
     flex: 0 0 auto;
     font-size: 32px !important;
     color: var(--ce-orange);
     font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 40;
   }
   
   .ce-tech__tab.is-active .ce-tech__tab-icon {
     color: var(--ce-white);
   }
   
   .ce-tech__tab-text {
     flex: 1 1 auto;
     font-family: var(--ce-sans);
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0;
     line-height: 1.35;
     text-transform: uppercase;
   }
   
   .ce-tech__tab-go {
     position: absolute;
     right: 18px;
     top: 50%;
     z-index: 2;
     transform: translateY(-50%);
     display: grid;
     width: 34px;
     height: 34px;
     place-items: center;
     border: 1px solid rgba(255, 106, 0, 0.55);
     border-radius: 50%;
     color: var(--ce-orange);
     text-decoration: none;
     background: #fff;
   }
   
   .ce-tech__tab-go .material-symbols-outlined {
     font-size: 18px;
   }
   
   .ce-tech__tabs > li:has(.ce-tech__tab.is-active) .ce-tech__tab-go {
     border-color: transparent;
     background: var(--ce-white);
     color: var(--ce-orange);
   }
   
   @media (max-width: 767px) {
     .ce-tech__tab {
       min-height: 76px;
       padding: 16px 18px;
     }
   
     .ce-tech__tab-text {
       font-size: 12px;
     }
   }
   
   /* ---------- Insights: FAQ | Articles ---------- */
   .ce-insights {
     background: #f3f4f6;
   }
   
   .ce-insights__grid {
     display: grid;
     grid-template-columns: 1fr;
     gap: 28px;
     align-items: start;
   }
   
   @media (min-width: 1100px) {
     .ce-insights__grid {
       grid-template-columns: 1.1fr 0.9fr;
       gap: 32px;
       align-items: stretch;
     }
   }
   
   .ce-insights__panel {
     background: var(--ce-white);
     border-radius: var(--ce-radius-lg);
     padding: 20px 16px;
     box-shadow: 0 12px 36px rgba(18, 19, 22, 0.05);
   }
   
   @media (min-width: 768px) {
     .ce-insights__panel {
       padding: 36px 32px;
     }
   }
   
   .ce-insights__head {
     margin-bottom: 24px;
   }
   
   .ce-insights__head .ce-section-title {
     font-size: 22px;
   }
   
   @media (min-width: 768px) {
     .ce-insights__head .ce-section-title {
       font-size: 24px;
     }
   }
   
   @media (min-width: 1024px) {
     .ce-insights__head .ce-section-title {
       font-size: 26px;
     }
   }
   
   .ce-insights__head .ce-section-desc {
     margin-top: 10px;
     max-width: none;
   }
   
   .ce-faq__list {
     max-width: none;
   }
   
   .ce-faq__item {
     background: var(--ce-light);
     border-radius: var(--ce-radius);
     padding: 0 14px;
     margin-bottom: 10px;
     box-shadow: none;
   }
   
   .ce-faq__item summary {
     list-style: none;
     cursor: pointer;
     padding: 16px 0;
     font-family: var(--ce-sans);
     font-size: 15px;
     font-weight: 600;
     letter-spacing: 0;
     text-transform: none;
     color: var(--ce-dark);
     position: relative;
     padding-right: 32px;
     line-height: 1.4;
   }
   
   @media (min-width: 768px) {
     .ce-faq__item summary {
       font-size: 17px;
       padding: 18px 0;
       padding-right: 36px;
     }
   
     .ce-faq__item {
       padding: 0 18px;
     }
   }
   
   .ce-faq__item summary::-webkit-details-marker {
     display: none;
   }
   
   .ce-faq__item summary::after {
     content: "+";
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     font-size: 22px;
     font-weight: 400;
     color: var(--ce-orange);
     line-height: 1;
   }
   
   .ce-faq__item[open] summary::after {
     content: "–";
   }
   
   .ce-faq__item p {
     padding: 0 0 16px;
     font-size: 14px;
     color: var(--ce-gray);
     line-height: 1.7;
   }
   
   @media (min-width: 768px) {
     .ce-faq__item p {
       padding: 0 0 18px;
       font-size: 15px;
     }
   }
   
   .ce-insights__articles .ce-insights__head {
     display: flex;
     flex-direction: column;
     gap: 12px;
     margin-bottom: 8px;
   }
   
   @media (min-width: 640px) {
     .ce-insights__articles .ce-insights__head {
       flex-direction: row;
       align-items: flex-end;
       justify-content: space-between;
     }
   }
   
   .ce-insights__more {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-size: 14px;
     font-weight: 600;
     color: var(--ce-orange);
     white-space: nowrap;
   }
   
   .ce-insights__more:hover {
     color: var(--ce-orange-hover);
   }
   
   .ce-article-list {
     display: flex;
     flex-direction: column;
   }
   
   .ce-article-item {
     display: grid;
     grid-template-columns: 72px 1fr auto;
     gap: 16px;
     align-items: start;
     padding: 22px 8px;
     border-bottom: 1px solid rgba(18, 19, 22, 0.08);
     transition: background 0.2s ease;
   }
   
   .ce-article-item:first-child {
     padding-top: 8px;
   }
   
   .ce-article-item:last-child {
     border-bottom: 0;
     padding-bottom: 0;
   }
   
   .ce-article-item:hover {
     background: rgba(255, 106, 0, 0.04);
   }
   
   .ce-article-item__date {
     font-family: var(--ce-sans);
     font-size: 13px;
     font-weight: 600;
     letter-spacing: 0;
     color: var(--ce-orange);
     padding-top: 4px;
   }
   
   .ce-article-item__title {
     font-family: var(--ce-display);
     font-size: 16px;
     font-weight: 700;
     text-transform: none;
     letter-spacing: 0;
     line-height: 1.3;
     margin-bottom: 6px;
     word-break: break-all;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
   
   .ce-article-item__title a:hover {
     color: var(--ce-orange);
   }
   
   .ce-article-item__excerpt {
     font-size: 14px;
     color: var(--ce-gray);
     line-height: 1.55;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
   }
   
   .ce-article-item__arrow {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: var(--ce-light);
     color: var(--ce-dark);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s ease, color 0.2s ease;
   }
   
   .ce-article-item:hover .ce-article-item__arrow {
     background: var(--ce-orange);
     color: #fff;
   }
   
   .ce-article-item--thumb {
     grid-template-columns: 132px 1fr auto;
     align-items: start;
     padding: 18px 4px;
   }
   
   .ce-article-item__thumb {
     display: block;
     width: 132px;
     height: 92px;
     border-radius: 6px;
     overflow: hidden;
     background: #eef1f5;
     flex-shrink: 0;
   }
   
   .ce-article-item__thumb img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
   }
   
   .ce-article-item--thumb .ce-article-item__date {
     display: block;
     padding-top: 0;
     margin-bottom: 4px;
   }
   
   @media (max-width: 639px) {
     .ce-article-item--thumb {
       grid-template-columns: 96px 1fr;
     }
   
     .ce-article-item--thumb .ce-article-item__arrow {
       display: none;
     }
   
     .ce-article-item--thumb .ce-article-item__thumb {
       width: 96px;
       height: 72px;
     }
   }
   
   /* ---------- Standards ---------- */
   .ce-standards {
     background: linear-gradient(160deg, #16181d 0%, #1f2229 48%, #121316 100%);
     border-bottom: 0;
     padding: 88px 0;
     color: #ffffff;
     position: relative;
     overflow: hidden;
   }
   
   .ce-standards::before {
     content: "";
     position: absolute;
     inset: 0;
     background:
       radial-gradient(ellipse 60% 80% at 100% 0%, rgba(255, 106, 0, 0.18), transparent 50%),
       radial-gradient(ellipse 40% 60% at 0% 100%, rgba(255, 106, 0, 0.08), transparent 45%);
     pointer-events: none;
   }
   
   .ce-standards .ce-container {
     position: relative;
     z-index: 1;
   }
   
   .ce-standards .ce-section-title {
     color: #ffffff;
   }
   
   .ce-standards__split {
     display: grid;
     grid-template-columns: 1fr;
     gap: 28px;
     align-items: stretch;
   }

   @media (min-width: 1024px) {
     .ce-standards__split {
       grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
       gap: 40px;
     }
   }

   .ce-standards__head {
     display: flex;
     flex-direction: column;
     gap: 8px;
     margin-bottom: 22px;
   }

   .ce-standards__note {
     margin: 0;
     font-family: var(--ce-sans);
     font-size: 15px;
     line-height: 1.55;
     color: rgba(255, 255, 255, 0.62);
     max-width: 280px;
   }
   
   .ce-standards-grid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 14px;
   }

   @media (min-width: 720px) {
     .ce-standards-grid {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
   
   .ce-standard-card {
     padding: 28px 18px 24px;
     background: rgba(255, 255, 255, 0.06);
     border: 0;
     border-radius: 16px;
     text-align: center;
     box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
     transition: transform 0.25s ease, background 0.25s ease;
   }
   
   .ce-standard-card:hover {
     transform: translateY(-4px);
     background: rgba(255, 255, 255, 0.1);
   }
   
   .ce-standard-card__icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 56px;
     height: 56px;
     margin: 0 auto 16px;
     border-radius: 50%;
     background: rgba(255, 106, 0, 0.16);
     color: var(--ce-orange);
     font-size: 28px !important;
     font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 28;
   }
   
   .ce-standard-card strong {
     display: block;
     font-family: var(--ce-sans);
     font-size: 16px;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: none;
     color: #ffffff;
   }
   
   .ce-standard-card .code {
     display: block;
     margin-top: 8px;
     font-family: var(--ce-sans);
     font-size: 14px;
     font-weight: 600;
     color: var(--ce-orange);
   }
   
   .ce-standard-card .region {
     display: block;
     margin-top: 8px;
     font-size: 12px;
     letter-spacing: 0;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.5);
   }

   .ce-clients {
     display: flex;
     flex-direction: column;
     gap: 14px;
     min-width: 0;
     min-height: 100%;
   }

   .ce-clients__head {
     display: flex;
     align-items: center;
     gap: 10px;
     min-height: 36px;
   }

   .ce-clients__icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 36px;
     height: 36px;
     border-radius: 50%;
     background: rgba(245, 184, 0, 0.16);
     color: #f5b800;
     font-size: 22px !important;
     font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
   }

   .ce-clients__head strong {
     font-family: var(--ce-sans);
     font-size: 16px;
     font-weight: 800;
     letter-spacing: 0.04em;
     color: #ffffff;
   }

   .ce-clients__stage {
     position: relative;
     flex: 1 1 auto;
     min-height: 280px;
     border-radius: 16px;
     overflow: hidden;
     background: rgba(255, 255, 255, 0.06);
     box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
   }

   .ce-clients__stage img {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center center;
     opacity: 0;
     transition: opacity 0.7s ease;
   }

   .ce-clients__stage img.is-active {
     opacity: 1;
   }
   
   /* ---------- RFQ ---------- */
   .ce-rfq {
     background: var(--ce-light);
   }
   
   .ce-rfq__grid {
     display: grid;
     grid-template-columns: 1fr;
     gap: 40px;
     align-items: start;
   }
   
   @media (min-width: 1024px) {
     .ce-rfq__grid {
       grid-template-columns: 5fr 7fr;
       gap: 48px;
     }
   }
   
   .ce-rfq__intro .ce-section-title {
     margin-bottom: 16px;
   }
   
   .ce-rfq__intro > p {
     font-size: 16px;
     color: var(--ce-gray);
     line-height: 1.7;
     margin-bottom: 20px;
   }
   
   .ce-rfq__list {
     display: flex;
     flex-direction: column;
     gap: 12px;
     margin-bottom: 24px;
   }
   
   .ce-rfq__list li {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     font-size: 13px;
     font-weight: 500;
     color: var(--ce-dark);
   }
   
   .ce-rfq__list .material-symbols-outlined {
     color: var(--ce-orange);
     font-size: 18px;
     margin-top: 1px;
   }
   
   .ce-whatsapp {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 16px;
     padding: 18px 20px;
     background: var(--ce-white);
     border: 0;
     border-radius: var(--ce-radius-lg);
     box-shadow: 0 12px 36px rgba(18, 19, 22, 0.05);
   }
   
   .ce-whatsapp__info {
     display: flex;
     align-items: center;
     gap: 12px;
   }
   
   .ce-whatsapp__icon {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: var(--ce-light);
     color: var(--ce-orange);
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
   }
   
   .ce-whatsapp__info strong {
     display: block;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: uppercase;
     color: var(--ce-dark);
   }
   
   .ce-whatsapp__info span {
     display: block;
     font-family: var(--ce-sans);
     font-size: 12px;
     color: var(--ce-gray);
   }
   
   .ce-form {
     background: var(--ce-white);
     border: 0;
     border-radius: 12px;
     padding: 28px;
     box-shadow: 0 16px 48px rgba(18, 19, 22, 0.07);
   }
   
   @media (min-width: 1024px) {
     .ce-form {
       padding: 40px;
     }
   }
   
   .ce-form__row {
     display: grid;
     grid-template-columns: 1fr;
     gap: 18px;
     margin-bottom: 18px;
   }
   
   @media (min-width: 640px) {
     .ce-form__row {
       grid-template-columns: 1fr 1fr;
     }
   }
   
   .ce-field {
     display: flex;
     flex-direction: column;
     gap: 6px;
     margin-bottom: 18px;
   }
   
   .ce-form__row .ce-field {
     margin-bottom: 0;
   }
   
   .ce-field label {
     font-family: var(--ce-sans);
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 0;
     text-transform: none;
     color: var(--ce-dark);
   }
   
   .ce-field input,
   .ce-field select,
   .ce-field textarea {
     width: 100%;
     padding: 10px 14px;
     border: 0;
     border-radius: var(--ce-radius);
     background: var(--ce-light);
     color: var(--ce-dark);
     font-size: 14px;
     outline: none;
     transition: box-shadow 0.2s ease, background 0.2s ease;
   }
   
   .ce-field textarea {
     resize: vertical;
     min-height: 96px;
   }
   
   .ce-field input:focus,
   .ce-field select:focus,
   .ce-field textarea:focus {
     background: #ffffff;
     box-shadow: inset 0 0 0 1px var(--ce-orange);
   }
   
   .ce-form__msg {
     display: none;
     margin-top: 12px;
     padding: 10px 14px;
     border-radius: var(--ce-radius);
     font-size: 13px;
   }
   
   .ce-form__msg.is-ok {
     display: block;
     background: #ecfdf5;
     color: #065f46;
     border: 1px solid #a7f3d0;
   }
   
   .ce-form__msg.is-err {
     display: block;
     background: #fef2f2;
     color: #991b1b;
     border: 1px solid #fecaca;
   }
   
   /* ---------- Footer ---------- */
   .ce-footer {
     background: var(--ce-dark);
     color: var(--ce-white);
     border-top: 0;
     padding: 0 0 48px;
     position: relative;
     overflow: hidden;
   }
   
   .ce-footer__cta {
     background: linear-gradient(135deg, #1a1c20 0%, #2a1a0f 55%, #1a1c20 100%);
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
     padding: 56px 0;
     margin-bottom: 64px;
   }
   
   .ce-footer__cta-inner {
     display: flex;
     flex-direction: column;
     gap: 24px;
     align-items: flex-start;
   }
   
   @media (min-width: 900px) {
     .ce-footer__cta-inner {
       flex-direction: row;
       align-items: center;
       justify-content: space-between;
     }
   }
   
   .ce-footer__cta h2 {
     font-size: 32px;
     max-width: 640px;
     letter-spacing: 0;
     text-transform: none;
   }
   
   @media (min-width: 1024px) {
     .ce-footer__cta h2 {
       font-size: 40px;
     }
   }
   
   .ce-footer__cta p {
     margin-top: 10px;
     font-size: 16px;
     color: rgba(255, 255, 255, 0.65);
     max-width: 520px;
     line-height: 1.6;
   }
   
   .ce-footer__grid {
     display: grid;
     grid-template-columns: 1fr;
     gap: 48px;
     padding-bottom: 56px;
     margin-bottom: 36px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   }
   
   @media (min-width: 768px) {
     .ce-footer__grid {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
   
   @media (min-width: 1100px) {
     .ce-footer__grid {
       grid-template-columns: 1.45fr 1fr 1fr 1.15fr;
       gap: 40px;
     }
   }
   
   .ce-footer__logo {
     display: inline-block;
     margin-bottom: 18px;
   }
   
   .ce-footer__logo img {
     height: 52px;
     width: auto;
     filter: brightness(0) invert(1);
   }
   
   .ce-footer__brand-name {
     font-family: var(--ce-display);
     font-size: 28px;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: none;
   }
   
   .ce-footer__brand-tag {
     display: block;
     margin-top: 6px;
     font-family: var(--ce-sans);
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: uppercase;
     color: var(--ce-orange);
   }
   
   .ce-footer__brand p {
     margin-top: 18px;
     font-size: 15px;
     color: rgba(255, 255, 255, 0.62);
     line-height: 1.7;
     max-width: 380px;
   }
   
   .ce-footer__badges {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 20px;
   }
   
   .ce-footer__badges span {
     display: inline-block;
     padding: 8px 12px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.12);
     border-radius: var(--ce-radius);
     font-family: var(--ce-sans);
     font-size: 12px;
     color: #d1d5db;
   }
   
   .ce-footer__social {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
     margin-top: 28px;
   }
   
   .ce-footer__social a {
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.06);
     color: #fff;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
   }
   
   .ce-footer__social a svg {
     width: 20px;
     height: 20px;
     fill: currentColor;
   }
   
   .ce-footer__social a:hover {
     background: var(--ce-orange);
     color: #fff;
     transform: translateY(-2px);
   }
   
   .ce-footer h4 {
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: uppercase;
     margin-bottom: 20px;
     color: var(--ce-orange);
   }
   
   .ce-footer__links li + li {
     margin-top: 12px;
   }
   
   .ce-footer__links a {
     font-size: 15px;
     color: rgba(255, 255, 255, 0.62);
     transition: color 0.2s ease;
   }
   
   .ce-footer__links a:hover {
     color: var(--ce-white);
   }
   
   .ce-footer address {
     font-style: normal;
     font-size: 14px;
     color: rgba(255, 255, 255, 0.62);
     line-height: 1.7;
   }

   .ce-footer address p {
     margin: 0 0 8px;
   }

   .ce-footer address p:last-child {
     margin-bottom: 0;
   }

   .ce-footer address strong {
     display: inline;
     color: var(--ce-white);
     font-weight: 600;
     margin: 0;
   }

   .ce-footer address a {
     display: inline;
     margin: 0;
     font-family: var(--ce-sans);
     font-size: 14px;
     color: var(--ce-orange);
   }

   .ce-footer address a + a {
     margin-left: 12px;
   }
   
   .ce-footer__bottom {
     display: flex;
     flex-direction: column;
     gap: 16px;
     align-items: flex-start;
     font-size: 14px;
     color: rgba(255, 255, 255, 0.4);
   }
   
   @media (min-width: 640px) {
     .ce-footer__bottom {
       flex-direction: row;
       align-items: center;
       justify-content: space-between;
     }
   }
   
   .ce-footer__legal {
     display: flex;
     flex-wrap: wrap;
     gap: 24px;
   }
   
   .ce-footer__legal a {
     color: rgba(255, 255, 255, 0.4);
     font-size: 13px;
     letter-spacing: 0;
     text-transform: uppercase;
     font-weight: 600;
   }
   
   .ce-footer__legal a:hover {
     color: #d1d5db;
   }
   
   /* ---------- Privacy bar & modal ---------- */
   .ce-privacy-bar {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     background: #fff;
     border-top: 1px solid rgba(18, 19, 22, 0.08);
     box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.08);
     z-index: 950;
     transform: translateY(100%);
     visibility: hidden;
     transition: transform 0.4s ease, visibility 0.4s;
   }
   
   .ce-privacy-bar.is-visible {
     transform: translateY(0);
     visibility: visible;
   }
   
   .ce-privacy-bar__inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 24px;
     padding: 16px 0;
   }
   
   .ce-privacy-bar__text {
     flex: 1;
     font-size: 13px;
     line-height: 1.5;
     color: #646566;
     margin: 0;
   }
   
   .ce-privacy-bar__link {
     background: none;
     border: none;
     padding: 0;
     font: inherit;
     color: var(--ce-orange);
     font-weight: 700;
     cursor: pointer;
     text-decoration: underline;
   }
   
   .ce-privacy-bar__link:hover {
     color: var(--ce-orange-hover);
   }
   
   .ce-privacy-bar__actions {
     display: flex;
     align-items: center;
     gap: 12px;
     flex-shrink: 0;
   }
   
   .ce-privacy-bar__btn {
     padding: 10px 20px;
     font-size: 13px;
   }
   
   .ce-privacy-bar__close {
     width: 36px;
     height: 36px;
     border: none;
     background: rgba(18, 19, 22, 0.08);
     color: var(--ce-dark);
     border-radius: 50%;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s ease;
   }
   
   .ce-privacy-bar__close .material-symbols-outlined {
     font-size: 20px;
   }
   
   .ce-privacy-bar__close:hover {
     background: rgba(18, 19, 22, 0.15);
   }
   
   .ce-privacy-modal {
     position: fixed;
     inset: 0;
     z-index: 1000;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 24px;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.3s ease, visibility 0.3s;
   }
   
   .ce-privacy-modal.is-open {
     opacity: 1;
     visibility: visible;
   }
   
   .ce-privacy-modal__overlay {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.5);
   }
   
   .ce-privacy-modal__dialog {
     position: relative;
     width: 100%;
     max-width: 640px;
     max-height: 80vh;
     background: #fff;
     border-radius: 12px;
     padding: 32px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     box-shadow: 0 16px 48px rgba(0, 0, 0, 0.18);
   }
   
   .ce-privacy-modal__close {
     position: absolute;
     top: 16px;
     right: 16px;
     width: 36px;
     height: 36px;
     border: none;
     background: rgba(0, 0, 0, 0.06);
     border-radius: 50%;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #646566;
     transition: background 0.2s ease;
   }
   
   .ce-privacy-modal__close:hover {
     background: rgba(0, 0, 0, 0.12);
   }
   
   .ce-privacy-modal__title {
     font-size: 24px;
     font-weight: 700;
     color: var(--ce-dark);
     margin: 0 0 20px;
     padding-right: 40px;
   }
   
   .ce-privacy-modal__body {
     overflow-y: auto;
     font-size: 14px;
     line-height: 1.7;
     color: #646566;
   }
   
   .ce-privacy-modal__body p {
     margin: 0 0 16px;
   }
   
   .ce-privacy-modal__body p:last-child {
     margin-bottom: 0;
   }
   
   body.ce-modal-open {
     overflow: hidden;
   }
   
   @media (max-width: 767px) {
     .ce-privacy-bar__inner {
       flex-direction: column;
       align-items: stretch;
       gap: 12px;
     }
   
     .ce-privacy-bar__actions {
       justify-content: space-between;
     }
   
     .ce-privacy-modal__dialog {
       padding: 24px 20px;
     }
   }
   
   /* ---------- Inner list / show pages ---------- */
   .ce-page {
     min-height: 60vh;
     background: #f7f8fa;
   }
   
   .ce-page__header {
     position: sticky;
     top: 0;
     z-index: 50;
     background: #fff;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
   }
   
   .ce-page__header-inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 16px;
     min-height: 72px;
   }
   
   .ce-page__back {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-size: 14px;
     font-weight: 600;
     color: var(--ce-dark);
   }
   
   .ce-page__back:hover {
     color: var(--ce-orange);
   }
   
   .ce-page__hero {
     padding: 48px 0 32px;
     background: #fff;
     border-bottom: 1px solid rgba(18, 19, 22, 0.06);
   }
   
   .ce-page__hero h1 {
     margin: 8px 0 12px;
     font-family: var(--ce-display);
     font-size: clamp(32px, 5vw, 48px);
     font-weight: 700;
     color: var(--ce-dark);
     letter-spacing: 0;
   }
   
   .ce-page__hero p {
     margin: 0;
     max-width: 640px;
     color: #646566;
     font-size: 15px;
   }
   
   .ce-page__breadcrumb {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     align-items: center;
     font-size: 13px;
     color: #999;
     margin-bottom: 8px;
   }
   
   .ce-page__breadcrumb a {
     color: #999;
   }
   
   .ce-page__breadcrumb a:hover {
     color: var(--ce-orange);
   }
   
   .ce-page__body {
     padding: 40px 0 64px;
   }
   
   .ce-page-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
     gap: 24px;
   }
   
   .ce-page-card {
     background: #fff;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 8px 24px rgba(255, 106, 0, 0.06);
     transition: transform 0.2s ease;
   }
   
   .ce-page-card:hover {
     transform: translateY(-4px);
   }
   
   .ce-page-card a {
     display: block;
     color: inherit;
     text-decoration: none;
   }
   
   .ce-page-card__media {
     aspect-ratio: 4 / 3;
     background: #f0f1f3;
     overflow: hidden;
   }
   
   .ce-page-card__media img {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
   
   .ce-page-card__body {
     padding: 16px;
   }
   
   .ce-page-card__meta {
     font-size: 12px;
     color: #999;
     margin-bottom: 8px;
   }
   
   .ce-page-card__title {
     margin: 0 0 8px;
     font-size: 17px;
     font-weight: 700;
     color: var(--ce-dark);
   }
   
   .ce-page-card__desc {
     margin: 0;
     font-size: 14px;
     color: #646566;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
   }
   
   .ce-page-card__price {
     margin: 8px 0 0;
     font-weight: 700;
     color: var(--ce-orange);
   }
   
   .ce-page-article {
     max-width: 800px;
     margin: 0 auto;
     background: #fff;
     border-radius: 16px;
     padding: 32px;
     box-shadow: 0 8px 24px rgba(255, 106, 0, 0.05);
   }
   
   .ce-page-article__cover {
     margin: 0 0 24px;
     border-radius: 12px;
     overflow: hidden;
   }
   
   .ce-page-article__cover img {
     width: 100%;
   }
   
   .ce-page-article__meta {
     display: flex;
     flex-wrap: wrap;
     gap: 16px;
     font-size: 13px;
     color: #999;
     margin-bottom: 24px;
   }
   
   .ce-page-prose {
     font-size: 15px;
     line-height: 1.75;
     color: #323233;
   }
   
   .ce-page-prose p {
     margin: 0 0 1em;
   }
   
   .ce-page-prose img {
     border-radius: 8px;
   }
   
   .ce-page-product {
     display: grid;
     gap: 32px;
   }
   
   @media (min-width: 900px) {
     .ce-page-product {
       grid-template-columns: 1fr 1fr;
       align-items: start;
     }
   }
   
   .ce-page-product__media {
     background: #fff;
     border-radius: 16px;
     padding: 24px;
     box-shadow: 0 8px 24px rgba(255, 106, 0, 0.05);
   }
   
   .ce-page-product__media img {
     width: 100%;
     border-radius: 8px;
   }
   
   .ce-page-product__info {
     background: #fff;
     border-radius: 16px;
     padding: 32px;
     box-shadow: 0 8px 24px rgba(255, 106, 0, 0.05);
   }
   
   .ce-page-product__info h1 {
     margin: 0 0 12px;
     font-size: 28px;
     color: var(--ce-dark);
   }
   
   .ce-page-product__price {
     font-size: 22px;
     font-weight: 700;
     color: var(--ce-orange);
     margin-bottom: 16px;
   }
   
   .ce-page-empty {
     text-align: center;
     padding: 48px 16px;
     color: #999;
   }
   
   /* ---------- Pagination ---------- */
   .ce-pager {
     display: flex;
     justify-content: center;
     margin-top: 40px;
   }

   .ce-pager .pagination,
   .ce-pager .pager,
   .ce-page .pagination,
   .ce-page .pager {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     gap: 8px;
     margin: 0;
     padding: 0;
     list-style: none;
   }

   .ce-pager .pagination > li,
   .ce-pager .pager > li,
   .ce-page .pagination > li,
   .ce-page .pager > li {
     display: block;
     margin: 0;
   }

   .ce-pager .pagination > li > a,
   .ce-pager .pagination > li > span,
   .ce-pager .pager > li > a,
   .ce-pager .pager > li > span,
   .ce-page .pagination > li > a,
   .ce-page .pagination > li > span,
   .ce-page .pager > li > a,
   .ce-page .pager > li > span {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-width: 40px;
     height: 40px;
     padding: 0 12px;
     border-radius: 999px;
     font-size: 14px;
     font-weight: 600;
     line-height: 1;
     color: var(--ce-dark);
     background: #fff;
     border: 1px solid var(--ce-border);
     text-decoration: none;
     transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
   }

   .ce-pager .pagination > li > a:hover,
   .ce-pager .pager > li > a:hover,
   .ce-page .pagination > li > a:hover,
   .ce-page .pager > li > a:hover {
     border-color: var(--ce-orange);
     color: var(--ce-orange);
   }

   .ce-pager .pagination > li.active > span,
   .ce-pager .pagination > li.active > a,
   .ce-pager .pager > li.active > span,
   .ce-pager .pager > li.active > a,
   .ce-page .pagination > li.active > span,
   .ce-page .pagination > li.active > a,
   .ce-page .pager > li.active > span,
   .ce-page .pager > li.active > a {
     background: var(--ce-orange);
     border-color: var(--ce-orange);
     color: #fff;
   }

   .ce-pager .pagination > li.disabled > span,
   .ce-pager .pager > li.disabled > span,
   .ce-page .pagination > li.disabled > span,
   .ce-page .pager > li.disabled > span {
     opacity: 0.45;
     cursor: default;
   }
   
   /* ---------- Utilities ---------- */
   .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
   }
   
   .ce-skip {
     position: absolute;
     left: -9999px;
     top: 0;
     z-index: 200;
     padding: 10px 16px;
     background: var(--ce-orange);
     color: var(--ce-white);
     font-weight: 600;
   }
   
   .ce-skip:focus {
     left: 16px;
     top: 16px;
   }
   
   /* ---------- About page ---------- */
   .ce-about-page {
     background: #f7f8fa;
   }
   
   .ce-about-page .ce-header .ce-logo__img--dark {
     display: block;
   }
   
   .ce-about-page .ce-header .ce-logo__img--light {
     display: none;
   }
   
   .ce-about-page .ce-nav a,
   .ce-about-page .ce-nav__link {
     color: var(--ce-dark);
   }
   
   .ce-about-page .ce-nav a[aria-current="page"],
   .ce-about-page .ce-nav__link[aria-current="page"] {
     color: var(--ce-orange);
   }
   
   .ce-eyebrow--light {
     color: rgba(255, 255, 255, 0.85);
   }
   
   .ce-section-desc {
     margin: 12px 0 0;
     max-width: 560px;
     font-size: 15px;
     line-height: 1.7;
     color: #646566;
   }
   
   .ce-about-hero {
     position: relative;
     min-height: 420px;
     height: auto;
     max-height: none;
     display: flex;
     align-items: center;
     color: #fff;
     overflow: hidden;
   }
   
   @media (min-width: 900px) {
     .ce-about-hero {
       min-height: min(520px, calc(100vh - 96px));
       height: min(560px, calc(100vh - 96px));
     }
   }
   
   @media (min-width: 1280px) and (max-height: 860px) {
     .ce-about-hero {
       min-height: calc(100vh - 96px);
       height: calc(100vh - 96px);
       max-height: calc(100vh - 96px);
     }
   }
   
   .ce-about-hero__bg {
     position: absolute;
     inset: 0;
   }
   
   .ce-about-hero__bg img {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
   
   .ce-about-hero__mask {
     position: absolute;
     inset: 0;
     background: linear-gradient(105deg, rgba(17, 17, 17, 0.9) 0%, rgba(17, 17, 17, 0.62) 56%, rgba(17, 17, 17, 0.34) 100%);
   }
   
   .ce-about-hero__content {
     position: relative;
     z-index: 1;
     padding: 112px 0 40px;
     width: 100%;
   }

   .ce-about-hero__copy {
     max-width: 920px;
   }
   
   @media (min-width: 900px) {
     .ce-about-hero__content {
       padding: 108px 0 36px;
     }
   }
   
   @media (min-width: 1280px) and (max-height: 860px) {
     .ce-about-hero__content {
       padding: 104px 0 28px;
     }
   
     .ce-about-hero h1 {
       font-size: clamp(32px, 3.6vw, 48px);
       margin: 10px 0 12px;
     }
   
     .ce-about-hero p {
       margin: 0 0 18px;
       font-size: 15px;
       display: -webkit-box;
       -webkit-line-clamp: 3;
       -webkit-box-orient: vertical;
       overflow: hidden;
     }
   }
   
   .ce-about-hero h1 {
     margin: 16px 0;
     font-family: var(--ce-display);
     font-size: clamp(32px, 5vw, 56px);
     font-weight: 700;
     line-height: 1.12;
     text-transform: none;
     letter-spacing: 0;
   }
   
   .ce-about-hero h1 .accent {
     color: var(--ce-orange);
   }
   
   .ce-about-hero p {
     max-width: 560px;
     margin: 0 0 28px;
     font-size: 16px;
     line-height: 1.7;
     color: rgba(255, 255, 255, 0.82);
   }
   
   .ce-about-hero__anchors {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
   }
   
   .ce-about-hero__anchors a {
     padding: 8px 16px;
     border-radius: 999px;
     border: 1px solid rgba(255, 255, 255, 0.28);
     color: #fff;
     font-size: 13px;
     font-weight: 600;
     letter-spacing: 0;
     text-decoration: none;
     transition: background 0.2s ease, border-color 0.2s ease;
   }
   
   .ce-about-hero__anchors a:hover {
     background: var(--ce-orange);
     border-color: var(--ce-orange);
   }
   
   .ce-about-profile {
     background: #fff;
   }
   
   .ce-about-kpi {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 0;
     margin-top: 56px;
     padding: 28px 8px;
     background:
       radial-gradient(ellipse at top, rgba(255, 106, 0, 0.05), transparent 55%),
       #fafafa;
     border-radius: 20px;
   }
   
   @media (min-width: 900px) {
     .ce-about-kpi {
       grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
       padding: 36px 12px;
     }
   }
   
   .ce-about-kpi__item {
     text-align: center;
     padding: 20px 16px;
   }
   
   @media (min-width: 900px) {
     .ce-about-kpi__item:not(:last-child) {
       border-right: 1px solid rgba(18, 19, 22, 0.08);
     }
   }
   
   .ce-about-kpi__icon.material-symbols-outlined {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 64px;
     height: 64px;
     margin: 0 auto 16px;
     border-radius: 50%;
     background: #fff;
     border: 1px solid rgba(255, 106, 0, 0.22);
     box-shadow: 0 8px 20px rgba(255, 106, 0, 0.1);
     color: var(--ce-orange);
     font-size: 32px !important;
     font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 48;
     line-height: 1;
   }
   
   .ce-about-kpi__item strong {
     display: block;
     font-family: var(--ce-display);
     font-size: clamp(26px, 2.4vw, 36px);
     font-weight: 700;
     color: var(--ce-orange);
     line-height: 1.15;
     letter-spacing: 0;
     font-variant-numeric: tabular-nums lining-nums;
     text-transform: none;
   }
   
   .ce-about-kpi__item > span:last-child {
     display: block;
     margin-top: 10px;
     font-family: var(--ce-sans);
     font-size: 12px;
     font-weight: 600;
     letter-spacing: 0;
     text-transform: uppercase;
     color: #323233;
     line-height: 1.45;
   }

   .ce-about-chairman-band {
     background: #eef1f3;
   }

   .ce-about-chairman {
     display: grid;
     grid-template-columns: minmax(0, 414px) minmax(0, 1fr);
     gap: 48px;
     align-items: center;
     width: min(1400px, calc(100% - 48px));
     margin: 0 auto;
     padding: 56px 0;
   }

   .ce-about-chairman__copy h2 {
     margin: 8px 0 14px;
     color: var(--ce-dark);
     font-size: 26px;
     line-height: 1.3;
   }

   .ce-about-chairman__body {
     color: #55585b;
     font-size: 15px;
     line-height: 1.85;
   }

   .ce-about-chairman__body p {
     margin: 0 0 12px;
   }

   .ce-about-chairman__body p:last-child {
     margin-bottom: 0;
   }

   .ce-about-chairman__portrait {
     width: 100%;
     max-width: 414px;
     margin: 0;
     justify-self: start;
   }

   .ce-about-chairman__portrait img {
     display: block;
     width: 100%;
    aspect-ratio: 0.96 / 1;
     object-fit: cover;
    object-position: 100% center;
     border-radius: 4px;
   }

   .ce-about-kpi--about {
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 12px 32px;
     margin-top: 16px;
     padding: 0;
     background: none;
     border: 0;
     border-radius: 0;
   }

   .ce-about-kpi--about .ce-about-kpi__item {
     min-width: 0;
     padding: 16px 0;
     border: 0;
   }

   .ce-about-kpi--about .ce-about-kpi__item strong {
     color: var(--ce-orange);
     font-size: 32px;
   }

   .ce-about-kpi--about .ce-about-kpi__item > span:last-child {
     margin-top: 7px;
     color: #646566;
     font-size: 11px;
     font-weight: 600;
   }

   @media (max-width: 899px) {
     .ce-about-chairman {
       grid-template-columns: minmax(0, 1fr);
       gap: 32px;
       padding: 40px 0;
     }
   }

   @media (min-width: 900px) {
     .ce-about-kpi--about {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
   
   .ce-about-history {
     background: #f7f8fa;
   }
   
   .ce-timeline__nav {
     display: flex;
     gap: 10px;
   }
   
   .ce-timeline__btn {
     width: 44px;
     height: 44px;
     border: 1px solid rgba(0, 0, 0, 0.12);
     border-radius: 50%;
     background: #fff;
     color: var(--ce-dark);
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
   }
   
   .ce-timeline__btn:hover {
     background: var(--ce-orange);
     border-color: var(--ce-orange);
     color: #fff;
   }
   
   .ce-timeline {
     margin-top: 12px;
     overflow-x: auto;
     scroll-snap-type: x mandatory;
     -webkit-overflow-scrolling: touch;
     padding: 8px 4px 28px;
     scrollbar-width: none;
   }
   
   .ce-timeline::-webkit-scrollbar {
     display: none;
   }
   
   .ce-timeline__track {
     position: relative;
     display: flex;
     gap: 28px;
     width: max-content;
     min-width: 100%;
     padding: 8px 8px 0;
   }
   
   .ce-timeline__rail {
     position: absolute;
     left: 8px;
     right: 8px;
     top: 62px;
     height: 3px;
     background: linear-gradient(90deg, rgba(255, 106, 0, 0.15), var(--ce-orange), rgba(255, 106, 0, 0.15));
     border-radius: 999px;
     z-index: 0;
     pointer-events: none;
   }
   
   .ce-timeline__item {
     position: relative;
     z-index: 1;
     width: min(300px, 78vw);
     flex: 0 0 auto;
     scroll-snap-align: start;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
   }
   
   .ce-timeline__year {
     margin-bottom: 14px;
     font-family: var(--ce-display);
     font-size: 28px;
     font-weight: 700;
     color: var(--ce-orange);
     line-height: 1.15;
     letter-spacing: 0;
     font-variant-numeric: tabular-nums lining-nums;
   }
   
   .ce-timeline__node {
     position: relative;
     z-index: 2;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 28px;
     height: 28px;
     margin-bottom: 22px;
     background: #f7f8fa;
     border-radius: 50%;
   }
   
   .ce-timeline__dot {
     display: block;
     width: 18px;
     height: 18px;
     margin: 0;
     border-radius: 50%;
     background: var(--ce-orange);
     border: 4px solid #fff;
     box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.25);
   }
   
   .ce-timeline__card {
     display: flex;
     flex-direction: column;
     gap: 14px;
     width: 100%;
     padding: 16px;
     background: #fff;
     border-radius: 16px;
     box-shadow: 0 8px 24px rgba(255, 106, 0, 0.06);
     text-align: left;
   }
   
   .ce-timeline__media {
     margin: 0;
     height: 180px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 12px;
     overflow: hidden;
     background: #f4f4f4;
   }
   
   .ce-timeline__media img {
     width: 100%;
     height: 100%;
     object-fit: contain;
   }
   
   .ce-timeline__body h3 {
     margin: 0 0 8px;
     font-size: 16px;
     font-weight: 700;
     color: var(--ce-dark);
     text-transform: none;
     letter-spacing: 0;
     line-height: 1.4;
   }
   
   .ce-timeline__body p,
   .ce-timeline__body div {
     margin: 0;
     font-size: 14px;
     line-height: 1.7;
     color: #646566;
   }
   
   .ce-about-culture {
     background: #fff;
   }
   
   .ce-culture-grid {
     display: grid;
     grid-template-columns: 1fr;
     gap: 20px;
   }
   
   @media (min-width: 700px) {
     .ce-culture-grid {
       grid-template-columns: repeat(2, 1fr);
     }
   }
   
   @media (min-width: 1100px) {
     .ce-culture-grid {
       grid-template-columns: repeat(4, 1fr);
     }
   }
   
   .ce-culture-card {
     padding: 28px 24px;
     border-radius: 16px;
     background: #f7f8fa;
     box-shadow: 0 8px 24px rgba(255, 106, 0, 0.04);
     transition: transform 0.25s ease, box-shadow 0.25s ease;
   }
   
   .ce-culture-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 16px 32px rgba(255, 106, 0, 0.1);
   }
   
   .ce-culture-card__icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 48px;
     height: 48px;
     margin-bottom: 18px;
     border-radius: 12px;
     background: rgba(255, 106, 0, 0.1);
     color: var(--ce-orange);
     font-size: 26px;
   }
   
   .ce-culture-card h3 {
     margin: 0 0 12px;
     font-size: 18px;
     font-weight: 700;
     color: var(--ce-dark);
   }
   
   .ce-culture-card__body,
   .ce-culture-card__body p {
     margin: 0;
     font-size: 14px;
     line-height: 1.7;
     color: #646566;
   }
   
   .ce-about-honors {
     background: #f7f8fa;
     color: var(--ce-dark);
   }
   
   .ce-about-honors .ce-section-title {
     color: var(--ce-dark);
   }
   
   .ce-about-honors .ce-section-desc {
     color: #646566;
   }
   
   .ce-cert {
     max-width: 920px;
     margin: 8px auto 0;
   }
   
   .ce-cert__stage {
     position: relative;
     display: grid;
     grid-template-columns: 48px 1fr 48px;
     gap: 12px;
     align-items: center;
   }
   
   .ce-cert__arrow {
     width: 48px;
     height: 48px;
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 50%;
     background: #fff;
     color: var(--ce-dark);
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
     transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
   }
   
   .ce-cert__arrow:hover {
     background: var(--ce-orange);
     border-color: var(--ce-orange);
     color: #fff;
   }
   
   .ce-cert__main {
     position: relative;
     display: block;
     width: 100%;
     margin: 0;
     padding: 20px;
     border: 1px solid #e6e8ec;
     border-radius: 16px;
     background: #fff;
     cursor: zoom-in;
     overflow: hidden;
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
   }
   
   .ce-cert__main img {
     display: block;
     width: 100%;
     max-height: 460px;
     object-fit: contain;
     background: #fafafa;
     border-radius: 8px;
   }
   
   .ce-cert__zoom {
     position: absolute;
     left: 20px;
     right: 20px;
     bottom: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     height: 44px;
     border-radius: 0 0 8px 8px;
     background: rgba(18, 19, 22, 0.72);
     color: #fff;
     font-size: 13px;
     font-weight: 600;
     letter-spacing: 0;
     pointer-events: none;
   }
   
   .ce-cert__zoom .material-symbols-outlined {
     font-size: 20px;
   }
   
   .ce-cert__zoom em {
     font-style: normal;
   }
   
   .ce-cert__caption {
     display: flex;
     flex-wrap: wrap;
     gap: 8px 12px;
     align-items: baseline;
     margin: 18px 0 22px;
     padding: 0 60px;
     font-size: 15px;
     line-height: 1.5;
   }
   
   .ce-cert__caption strong {
     color: var(--ce-dark);
     font-weight: 700;
   }
   
   .ce-cert__caption span {
     color: #646566;
   }
   
   .ce-cert__thumbs {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 12px;
     padding: 4px 0 8px;
   }
   
   .ce-cert__thumb {
     width: 88px;
     height: 110px;
     padding: 4px;
     border: 2px solid transparent;
     border-radius: 10px;
     background: #fff;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
     cursor: pointer;
     overflow: hidden;
     transition: border-color 0.2s ease, transform 0.2s ease;
   }
   
   .ce-cert__thumb img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 6px;
   }
   
   .ce-cert__thumb:hover {
     transform: translateY(-2px);
   }
   
   .ce-cert__thumb.is-active {
     border-color: var(--ce-orange);
     box-shadow: 0 6px 16px rgba(255, 106, 0, 0.18);
   }
   
   @media (max-width: 767px) {
     .ce-cert__stage {
       grid-template-columns: 1fr;
       gap: 10px;
     }
   
     .ce-cert__arrow {
       position: absolute;
       z-index: 2;
       top: 50%;
       transform: translateY(-50%);
     }
   
     .ce-cert__arrow--prev { left: 8px; }
     .ce-cert__arrow--next { right: 8px; }
   
     .ce-cert__main {
       padding: 12px;
     }
   
     .ce-cert__main img {
       max-height: 320px;
     }
   
     .ce-cert__caption {
       padding: 0;
     }
   
     .ce-cert__thumb {
       width: 72px;
       height: 90px;
     }
   }
   
   .ce-about-cta {
     background: #fff;
   }
   
   .ce-about-cta__inner {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     gap: 24px;
     padding: 40px;
     border-radius: 20px;
     background: #f7f8fa;
     box-shadow: 0 8px 24px rgba(255, 106, 0, 0.05);
   }
   
   .ce-about-cta__inner h2 {
     margin: 8px 0 10px;
     font-size: clamp(24px, 3vw, 34px);
     color: var(--ce-dark);
   }
   
   .ce-about-cta__inner p {
     margin: 0;
     max-width: 520px;
     color: #646566;
     line-height: 1.7;
   }
   
   /* Lightbox */
   .ce-lightbox {
     position: fixed;
     inset: 0;
     z-index: 1200;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 24px;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.25s ease, visibility 0.25s ease;
   }
   
   .ce-lightbox.is-open {
     opacity: 1;
     visibility: visible;
   }
   
   .ce-lightbox__overlay {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.82);
   }
   
   .ce-lightbox__dialog {
     position: relative;
     z-index: 1;
     width: min(920px, 100%);
     max-height: 90vh;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
   }
   
   .ce-lightbox__figure {
     margin: 0;
     max-width: min(720px, 100%);
     text-align: center;
   }
   
   .ce-lightbox__figure img {
     max-width: 100%;
     max-height: 72vh;
     border-radius: 8px;
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
     background: #111;
   }
   
   .ce-lightbox__figure figcaption {
     margin-top: 14px;
     color: #fff;
     font-size: 14px;
     font-weight: 600;
   }
   
   .ce-lightbox__close,
   .ce-lightbox__nav {
     border: 0;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.12);
     color: #fff;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s ease;
   }
   
   .ce-lightbox__close:hover,
   .ce-lightbox__nav:hover {
     background: var(--ce-orange);
   }
   
   .ce-lightbox__close {
     position: absolute;
     top: -8px;
     right: -8px;
     width: 42px;
     height: 42px;
     z-index: 2;
   }
   
   .ce-lightbox__nav {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
   }
   
   @media (max-width: 700px) {
     .ce-lightbox__dialog {
       flex-direction: column;
     }
   
     .ce-lightbox__nav {
       order: 2;
     }
   
     .ce-lightbox__figure {
       order: 1;
     }
   
     .ce-lightbox__close {
       top: 8px;
       right: 8px;
     }
   }
   
   body.ce-modal-open {
     overflow: hidden;
   }
   
   /* ---------- Right float dock ---------- */
   .ce-floatbar {
     position: fixed;
     right: 16px;
     bottom: 88px;
     z-index: 90;
     display: flex;
     flex-direction: column;
     gap: 10px;
   }
   
   @media (min-width: 768px) {
     .ce-floatbar {
       right: 22px;
       bottom: 120px;
     }
   }
   
   .ce-floatbar__item {
     position: relative;
   }
   
   .ce-floatbar__btn {
     width: 64px;
     height: 64px;
     padding: 6px 4px 8px;
     border: 1px solid transparent;
     border-radius: 10px;
     background: #fff;
     box-shadow: 0 8px 24px rgba(18, 19, 22, 0.12);
     color: var(--ce-orange);
     display: inline-flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 2px;
     cursor: pointer;
     text-decoration: none;
     transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
   }
   
   .ce-floatbar__btn .material-symbols-outlined {
     font-size: 26px;
     line-height: 1;
   }
   
   .ce-floatbar__btn em {
     font-style: normal;
     font-size: 11px;
     font-weight: 600;
     line-height: 1.1;
     letter-spacing: 0;
   }
   
   .ce-floatbar__btn:hover,
   .ce-floatbar__item.is-open .ce-floatbar__btn {
     border-color: var(--ce-orange);
     color: var(--ce-orange);
     box-shadow: 0 10px 28px rgba(255, 106, 0, 0.18);
   }
   
   .ce-floatbar__btn--top {
     opacity: 0;
     pointer-events: none;
     transform: translateY(8px);
     transition: opacity 0.25s ease, transform 0.25s ease, border-color 0.2s ease, box-shadow 0.2s ease;
   }
   
   .ce-floatbar__btn--top.is-visible {
     opacity: 1;
     pointer-events: auto;
     transform: translateY(0);
   }
   
   .ce-floatbar__popover {
     position: absolute;
     right: calc(100% + 14px);
     top: 50%;
     transform: translateY(-50%);
     width: 188px;
     padding: 14px;
     background: #fff;
     border-radius: 12px;
     box-shadow: 0 12px 36px rgba(18, 19, 22, 0.16);
     text-align: center;
   }
   
   .ce-floatbar__popover::after {
     content: "";
     position: absolute;
     right: -7px;
     top: 50%;
     width: 14px;
     height: 14px;
     background: #fff;
     transform: translateY(-50%) rotate(45deg);
     box-shadow: 4px -4px 10px rgba(18, 19, 22, 0.06);
   }
   
   .ce-floatbar__popover img {
     display: block;
     width: 160px;
     height: 160px;
     margin: 0 auto;
     object-fit: contain;
   }
   
   .ce-floatbar__popover span {
     display: block;
     margin-top: 8px;
     font-size: 12px;
     color: #646566;
   }

   .ce-floatbar__popover--mail {
     width: 248px;
     text-align: left;
   }

   .ce-floatbar__popover--mail a {
     display: block;
     font-size: 13px;
     line-height: 1.45;
     color: #17191c;
     text-decoration: none;
     word-break: break-all;
   }

   .ce-floatbar__popover--mail a + a {
     margin-top: 8px;
   }

   .ce-floatbar__popover--mail a:hover {
     color: var(--ce-orange);
   }
   
   @media (max-width: 639px) {
     .ce-floatbar {
       right: 10px;
       bottom: 72px;
     }
   
     .ce-floatbar__btn {
       width: 56px;
       height: 56px;
     }
   
     .ce-floatbar__btn .material-symbols-outlined {
       font-size: 22px;
     }
   
     .ce-floatbar__btn em {
       font-size: 10px;
     }
   
     .ce-floatbar__popover {
       width: 168px;
       padding: 12px;
     }
   
     .ce-floatbar__popover img {
       width: 140px;
       height: 140px;
     }

     .ce-floatbar__popover--mail {
       width: 220px;
     }
   }
   
   /* ---------- Corporate Culture page ---------- */
   .ce-culture-page {
     background: #f7f8fa;
   }
   
   .ce-culture-page .ce-section {
     overflow: visible;
   }
   
   .ce-culture-intro {
     background: #fff;
   }
   
   .ce-culture-intro__grid {
     display: grid;
     gap: 32px;
     align-items: center;
   }
   
   @media (min-width: 960px) {
     .ce-culture-intro__grid {
       grid-template-columns: 1.25fr 0.75fr;
       gap: 40px;
     }
   }
   
   .ce-culture-intro__copy .ce-section-desc {
     max-width: none;
   }
   
   .ce-culture-intro__text {
     margin: 16px 0 0;
     font-size: 15px;
     line-height: 1.75;
     color: #646566;
   }
   
   .ce-culture-media--compact {
     max-width: 320px;
     margin-left: auto;
     margin-right: auto;
     box-shadow: 0 10px 28px rgba(18, 19, 22, 0.08);
   }
   
   @media (min-width: 960px) {
     .ce-culture-media--compact {
       margin-right: 0;
     }
   }
   
   .ce-culture-intro .ce-culture-media--compact .ce-culture-zoom img {
     aspect-ratio: 1 / 1;
     min-height: 0;
     max-height: 320px;
     object-fit: cover;
   }
   
   .ce-culture-group,
   .ce-culture-social {
     background: #f7f8fa;
   }
   
   .ce-culture-edu {
     background: #fff;
   }
   
   .ce-culture-split {
     display: grid;
     gap: 28px;
     align-items: center;
   }
   
   @media (min-width: 960px) {
     .ce-culture-split {
       grid-template-columns: 1fr 1fr;
       gap: 48px;
     }
   
     .ce-culture-split--rev .ce-culture-split__body {
       order: 1;
     }
   
     .ce-culture-split--rev .ce-culture-media {
       order: 2;
     }
   }
   
   .ce-culture-split__body p {
     margin: 12px 0 0;
     font-size: 15px;
     line-height: 1.75;
     color: #646566;
   }
   
   .ce-culture-stat {
     display: flex;
     flex-wrap: wrap;
     align-items: baseline;
     gap: 12px 20px;
     margin: 28px 0 32px;
     padding: 22px 24px;
     background: #f7f8fa;
     border-radius: 14px;
     box-shadow: 0 8px 24px rgba(255, 106, 0, 0.06);
   }
   
   .ce-culture-stat strong {
     font-size: clamp(28px, 4vw, 40px);
     color: var(--ce-orange);
     letter-spacing: 0;
     line-height: 1;
   }
   
   .ce-culture-stat span {
     flex: 1 1 220px;
     font-size: 14px;
     line-height: 1.6;
     color: #646566;
   }
   
   .ce-culture-edu__panel {
     display: grid;
     gap: 24px;
     align-items: start;
     margin-bottom: 32px;
   }
   
   @media (min-width: 960px) {
     .ce-culture-edu__panel {
       grid-template-columns: 1.15fr 0.85fr;
       gap: 28px;
     }
   }
   
   .ce-culture-guarantees {
     background: #f7f8fa;
     border-radius: 14px;
     padding: 28px 24px;
     height: 100%;
     box-shadow: none;
   }
   
   .ce-culture-guarantees h3 {
     margin: 0 0 14px;
     font-size: 17px;
     color: #323233;
   }
   
   .ce-culture-guarantees ul {
     margin: 0;
     padding: 0 0 0 18px;
   }
   
   .ce-culture-guarantees li {
     margin: 0 0 10px;
     font-size: 15px;
     line-height: 1.6;
     color: #646566;
   }
   
   .ce-culture-guarantees p {
     margin: 16px 0 0;
     font-size: 14px;
     line-height: 1.7;
     color: #999;
   }
   
   .ce-culture-sdg {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 12px;
     align-content: start;
   }
   
   .ce-culture-media {
     margin: 0;
     border-radius: 16px;
     overflow: hidden;
     background: #eee;
     box-shadow: 0 12px 32px rgba(18, 19, 22, 0.07);
   }
   
   .ce-culture-zoom {
     position: relative;
     display: block;
     width: 100%;
     padding: 0;
     border: 0;
     background: transparent;
     cursor: zoom-in;
     text-align: left;
   }
   
   .ce-culture-zoom img {
     display: block;
     width: 100%;
     height: auto;
     object-fit: cover;
   }
   
   .ce-culture-intro .ce-culture-zoom img {
     aspect-ratio: 1 / 1;
   }
   
   .ce-culture-split .ce-culture-zoom img,
   .ce-culture-gallery .ce-culture-zoom img {
     aspect-ratio: 16 / 10;
     min-height: 280px;
     max-height: none;
   }
   
   .ce-culture-zoom__hint {
     position: absolute;
     right: 12px;
     bottom: 12px;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: rgba(18, 19, 22, 0.62);
     color: #fff;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     transform: translateY(4px);
     transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
   }
   
   .ce-culture-zoom:hover .ce-culture-zoom__hint,
   .ce-culture-zoom:focus-visible .ce-culture-zoom__hint {
     opacity: 1;
     transform: translateY(0);
   }
   
   .ce-culture-zoom:hover .ce-culture-zoom__hint {
     background: var(--ce-orange);
   }
   
   .ce-culture-zoom--sdg {
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 6px 18px rgba(18, 19, 22, 0.06);
     background: #fff;
     cursor: zoom-in;
   }
   
   .ce-culture-zoom--sdg img {
     aspect-ratio: 1 / 1;
     min-height: 0;
     object-fit: contain;
     background: #fff;
   }
   
   .ce-culture-gallery {
     display: grid;
     gap: 20px;
     margin-top: 0;
   }
   
   @media (min-width: 768px) {
     .ce-culture-gallery {
       grid-template-columns: 1fr 1fr;
       gap: 24px;
     }
   }
   
   .ce-culture-commit {
     background: linear-gradient(120deg, #1a1c20 0%, #2a2d33 100%);
     color: #fff;
   }
   
   .ce-culture-commit__inner {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     gap: 24px;
   }
   
   .ce-culture-commit h2 {
     margin: 10px 0 12px;
     max-width: 640px;
     font-size: clamp(22px, 3vw, 32px);
     line-height: 1.25;
     font-weight: 700;
   }
   
   .ce-culture-commit p {
     margin: 0;
     max-width: 560px;
     font-size: 15px;
     line-height: 1.7;
     color: rgba(255, 255, 255, 0.78);
   }
   
   @media (max-width: 767px) {
     .ce-culture-split .ce-culture-zoom img,
     .ce-culture-gallery .ce-culture-zoom img {
       min-height: 220px;
       aspect-ratio: 4 / 3;
     }
   
     .ce-culture-zoom__hint {
       opacity: 1;
       transform: none;
     }
   }
   
   @media (min-width: 1280px) and (max-height: 860px) {
     .ce-hero {
       min-height: calc(100vh - 4px);
     }
   
     .ce-section {
       padding-top: 56px;
       padding-bottom: 56px;
     }
   }

   /* ---------- Mobile UX polish ---------- */
   @media (max-width: 767px) {
     body {
       font-size: 15px;
     }

     .ce-container {
       padding-left: 14px;
       padding-right: 14px;
     }

     .ce-header__inner {
       height: 64px;
     }

     .ce-logo {
       min-height: 48px;
     }

     .ce-logo__img {
       height: 48px;
       max-width: 168px;
     }

     .ce-mobile-nav {
       top: 64px;
       padding: 8px 16px 16px;
       max-height: calc(100vh - 64px);
       overflow-y: auto;
     }

     .ce-mobile-nav a,
     .ce-mobile-nav__parent {
       padding: 12px 0;
       font-size: 15px;
     }

     .ce-mobile-nav__child {
       padding: 9px 0 9px 12px !important;
       font-size: 14px !important;
       font-weight: 500 !important;
     }

     .ce-section {
       padding: 40px 0;
     }

     .ce-section-head {
       gap: 10px;
       margin-bottom: 20px;
     }

     .ce-section-title {
       font-size: 20px;
       margin-top: 4px;
     }

     .ce-section-desc {
       font-size: 14px;
       line-height: 1.55;
     }

     .ce-eyebrow {
       font-size: 11px;
     }

     .ce-btn {
       padding: 11px 18px;
       font-size: 13px;
     }

     /* Hero: taller banner on mobile */
     .ce-hero {
       min-height: 72vh;
       min-height: 72dvh;
     }

     .ce-hero__content {
       padding: 40px 0 48px;
       max-width: none;
     }

     .ce-hero__badge {
       font-size: 10px;
       padding: 5px 10px;
       margin-bottom: 12px;
       max-width: 100%;
     }

     .ce-hero h1 {
       font-size: 28px;
       line-height: 1.15;
       margin-bottom: 12px;
     }

     .ce-hero__lead {
       display: none;
     }

     .ce-hero__actions {
       flex-direction: row;
       flex-wrap: nowrap;
       align-items: stretch;
       gap: 8px;
       width: 100%;
     }

     .ce-hero__actions .ce-btn {
       width: auto;
       flex: 1 1 0;
       min-width: 0;
       padding: 8px 8px;
       font-size: 11px;
       line-height: 1.2;
       white-space: nowrap;
     }

     .ce-hero__nav {
       width: 40px;
       height: 40px;
     }

     .ce-hero__nav--prev {
       left: 10px;
     }

     .ce-hero__nav--next {
       right: 10px;
     }

     .ce-hero__dots {
       bottom: 18px;
     }

     /* About */
     .ce-about {
       padding: 40px 0 32px;
     }

     .ce-about__body {
       font-size: 14px;
       line-height: 1.6;
     }

     .ce-about__body p {
       display: -webkit-box;
       -webkit-line-clamp: 4;
       -webkit-box-orient: vertical;
       overflow: hidden;
     }

     .ce-about__title {
       font-size: 24px !important;
     }

     .ce-about-kpi {
       grid-template-columns: repeat(2, minmax(0, 1fr));
       gap: 10px;
     }

     /* Products: 2-up, tighter cards */
     .ce-products {
       padding-top: 40px;
     }

     .ce-product-grid {
       gap: 10px;
     }

     .ce-product-card__body {
       padding: 10px 10px 12px;
       gap: 4px;
     }

     .ce-product-card h3 {
       font-size: 13px;
       line-height: 1.3;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
     }

     .ce-product-card__price,
     .ce-product-card__more {
       font-size: 12px;
     }

     .ce-product-card__more {
       margin-top: 2px;
     }

     /* Industries */
     .ce-industries__head {
       margin-bottom: 16px;
     }

     .ce-industries__desc {
       font-size: 13px;
       line-height: 1.5;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
     }

     .ce-industry-card__body h3 {
       font-size: 15px;
     }

     /* Standards */
     .ce-standards {
       padding: 40px 0;
     }

     .ce-standards__split {
       gap: 22px;
     }

     .ce-standards__head {
       margin-bottom: 16px;
     }

     .ce-standards__note {
       font-size: 13px;
     }

     .ce-standards-grid {
       grid-template-columns: repeat(2, minmax(0, 1fr));
       gap: 10px;
     }

     .ce-standard-card {
       padding: 14px 12px;
     }

     .ce-standard-card strong {
       font-size: 14px;
     }

     .ce-standard-card .code,
     .ce-standard-card .region {
       font-size: 11px;
     }

     .ce-clients__head strong {
       font-size: 14px;
     }

     .ce-clients__stage {
       min-height: 220px;
     }

     /* Tech panel */
     .ce-tech__stage {
       gap: 12px;
       margin-bottom: 16px;
     }

     .ce-tech__title {
       font-size: 22px;
       margin-bottom: 10px;
     }

     .ce-tech__panels {
       min-height: 0;
     }

     .ce-tech__label {
       margin-bottom: 8px;
       font-size: 16px;
     }

     .ce-tech__desc {
       font-size: 13px;
       line-height: 1.55;
       display: -webkit-box;
       -webkit-line-clamp: 3;
       -webkit-box-orient: vertical;
       overflow: hidden;
     }

     .ce-tech__media {
       min-height: 0;
     }

     .ce-tech__tabs {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }

     .ce-tech__tabs > li {
       border-bottom: 0;
       border-right: 1px solid var(--ce-border);
     }

     .ce-tech__tabs > li:last-child {
       border-right: 0;
     }

     .ce-tech__tab {
       flex-direction: column;
       justify-content: center;
       align-items: center;
       gap: 4px;
       min-height: 68px;
       padding: 10px 4px;
       text-align: center;
     }

     .ce-tech__tab-icon {
       font-size: 22px !important;
     }

     .ce-tech__tab-text {
       flex: 0 1 auto;
       font-size: 10px;
       line-height: 1.15;
       text-align: center;
     }

     .ce-tech__tab-go {
       display: none;
     }

     /* Insights / FAQ / News */
     .ce-insights__panel {
       padding: 16px 14px;
     }

     .ce-insights__head {
       margin-bottom: 14px;
     }

     .ce-insights__head .ce-section-title {
       font-size: 18px;
     }

     .ce-faq__item {
       padding: 0 10px;
       margin-bottom: 8px;
     }

     .ce-faq__item summary {
       padding: 12px 0;
       font-size: 14px;
       padding-right: 28px;
     }

     .ce-faq__item p {
       font-size: 13px;
       padding-bottom: 12px;
       display: -webkit-box;
       -webkit-line-clamp: 4;
       -webkit-box-orient: vertical;
       overflow: hidden;
     }

     .ce-article-item,
     .ce-article-item--thumb {
       padding: 12px 0;
       gap: 10px;
     }

     .ce-article-item__title {
       font-size: 14px;
       margin-bottom: 0;
       white-space: normal;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
       word-break: normal;
     }

     .ce-article-item__excerpt {
       display: none;
     }

     .ce-article-item__date {
       font-size: 12px;
       margin-bottom: 2px;
     }

     .ce-article-item--thumb .ce-article-item__thumb {
       width: 72px;
       height: 56px;
     }

     /* RFQ */
     .ce-rfq__grid {
       gap: 24px;
     }

     .ce-rfq__intro > p {
       font-size: 14px;
       display: -webkit-box;
       -webkit-line-clamp: 3;
       -webkit-box-orient: vertical;
       overflow: hidden;
     }

     /* Footer: hide link columns + brand extras on mobile */
     .ce-footer__cta {
       padding: 22px 0;
       margin-bottom: 0;
     }

     .ce-footer__cta-inner {
       gap: 12px;
     }

     .ce-footer__cta h2 {
       font-size: 20px;
       line-height: 1.25;
     }

     .ce-footer__cta p {
       margin-top: 6px;
       font-size: 13px;
       line-height: 1.45;
     }

     .ce-footer__cta .ce-btn {
       padding: 9px 14px;
       font-size: 12px;
     }

     .ce-footer__grid {
       display: none;
     }

     .ce-footer__bottom {
       padding-top: 16px;
       padding-bottom: 20px;
     }

     .ce-footer__legal {
       display: none;
     }
   }

   @media (max-width: 379px) {
     .ce-hero h1 {
       font-size: 24px;
     }

     .ce-product-card h3 {
       font-size: 12px;
     }
   }