/* Brighter, daytime welcome treatment. Kept separate so the source theme remains intact. */
@import url('hero-modern-preview.css?v=1');
html.corporate-2026 .corporate-hero-section::before {
  background:
    linear-gradient(rgba(121, 197, 255, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(121, 197, 255, .03) 1px, transparent 1px),
    linear-gradient(90deg,
      rgba(4, 29, 58, .78) 0%,
      rgba(7, 47, 86, .66) 29%,
      rgba(10, 79, 128, .31) 48%,
      rgba(10, 93, 153, .05) 64%,
      transparent 78%);
  background-size: 80px 80px, 80px 80px, auto;
}

html.corporate-2026 .corporate-hero-section::after {
  display: none;
}

html.corporate-2026 .hero-content-wrapper {
  text-shadow: none;
}

html.corporate-2026 .hero-stats {
  background: rgba(255, 255, 255, .18);
  border-color: rgba(225, 244, 255, .42);
  box-shadow: 0 12px 34px rgba(2, 27, 57, .16);
}

html.corporate-2026 .btn.btn-glass {
  background: rgba(255, 255, 255, .18) !important;
  border-color: rgba(235, 248, 255, .42) !important;
}

@media (max-width: 1024px) {
  html.corporate-2026 #hero.corporate-hero-section::before {
    background: linear-gradient(180deg,
      rgba(20, 108, 181, .04) 0%,
      rgba(9, 57, 104, .22) 59%,
      rgba(4, 31, 65, .56) 100%);
  }

  html.corporate-2026 #hero.corporate-hero-section::after {
    display: none;
  }
}

/* Approval concept B: a clear corporate card, not a darker version of the old hero. */
html.corporate-2026 #hero.corporate-hero-section {
  padding: 118px clamp(34px, 7vw, 128px) 72px !important;
  background-position: center center !important;
}

html.corporate-2026 #hero.corporate-hero-section::before {
  background: linear-gradient(90deg,
    rgba(248, 251, 255, .98) 0%,
    rgba(244, 249, 255, .94) 35%,
    rgba(235, 245, 255, .5) 53%,
    rgba(233, 245, 255, .08) 68%,
    transparent 82%) !important;
  background-size: auto !important;
}

html.corporate-2026 #hero .hero-content-wrapper,
html.corporate-2026 #hero .hero-content-wrapper.fade-up.visible {
  width: min(555px, 100%) !important;
  margin: 22px 0 0 !important;
  padding: 42px 44px 38px !important;
  gap: 25px !important;
  background: rgba(255, 255, 255, .72) !important;
  border: 1px solid rgba(30, 74, 120, .12) !important;
  border-radius: 24px !important;
  box-shadow: 0 22px 54px rgba(20, 57, 99, .14) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

html.corporate-2026 #hero .hero-eyebrow {
  padding: 7px 10px !important;
  border-color: rgba(0, 113, 227, .24) !important;
  color: #0878ec !important;
  background: #edf6ff !important;
}

html.corporate-2026 #hero .hero-text-block h1 {
  color: #10213a !important;
  font-size: clamp(3.05rem, 4.7vw, 4.8rem) !important;
  font-weight: 760 !important;
  line-height: 1.01 !important;
  text-shadow: none !important;
}

html.corporate-2026 #hero .hero-text-block h1 .light-text {
  color: #2b73bd !important;
  font-weight: 360 !important;
}

html.corporate-2026 #hero .hero-desc {
  max-width: 465px !important;
  color: #5d6f87 !important;
  font-size: 1rem !important;
  text-shadow: none !important;
}

html.corporate-2026 #hero .hero-stats {
  width: 100% !important;
  max-width: none !important;
  padding: 14px 4px !important;
  background: #f2f7fc !important;
  border: 1px solid #dce8f4 !important;
  border-radius: 15px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html.corporate-2026 #hero .hero-stats .stat-item {
  padding: 3px 17px !important;
  border-left-color: #cfdeec !important;
}

html.corporate-2026 #hero .hero-stats .stat-num {
  color: #1567b3 !important;
  font-size: 1.42rem !important;
  text-shadow: none !important;
}

html.corporate-2026 #hero .hero-stats .stat-text {
  color: #60758e !important;
  font-size: .57rem !important;
}

html.corporate-2026 #hero .hero-actions .btn.btn-primary {
  min-width: 174px !important;
  border-radius: 12px !important;
  background: #0878ec !important;
  box-shadow: 0 10px 20px rgba(8, 120, 236, .25) !important;
}

html.corporate-2026 #hero .hero-actions .btn.btn-glass {
  color: #40546e !important;
  border: 1px solid #d2dfed !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html.corporate-2026 #hero .hero-actions .btn.btn-glass:hover {
  color: #0878ec !important;
  border-color: #87bdf4 !important;
  background: #f7fbff !important;
}

html.corporate-2026[dir="rtl"] #hero.corporate-hero-section::before {
  background: linear-gradient(270deg,
    rgba(248, 251, 255, .98) 0%,
    rgba(244, 249, 255, .94) 35%,
    rgba(235, 245, 255, .5) 53%,
    rgba(233, 245, 255, .08) 68%,
    transparent 82%) !important;
}

html.corporate-2026[dir="rtl"] #hero .hero-content-wrapper { margin-left: 0 !important; margin-right: auto !important; }
html.corporate-2026[dir="rtl"] #hero .hero-stats .stat-item { border-right-color: #cfdeec !important; border-left: 0 !important; }

@media (max-width: 800px) {
  html.corporate-2026 #hero.corporate-hero-section {
    min-height: 760px !important;
    padding: 126px 18px 22px !important;
    background-position: 60% center !important;
  }

  html.corporate-2026 #hero.corporate-hero-section::before {
    background: linear-gradient(180deg,
      rgba(245, 250, 255, .08) 0%,
      rgba(244, 249, 255, .12) 35%,
      rgba(245, 250, 255, .78) 60%,
      rgba(248, 251, 255, .98) 100%) !important;
  }

  html.corporate-2026 #hero .hero-content-wrapper {
    margin: 0 !important;
    padding: 25px 22px 22px !important;
    gap: 18px !important;
    background: rgba(255, 255, 255, .86) !important;
    border-radius: 20px !important;
  }

  html.corporate-2026 #hero .hero-text-block h1 { font-size: clamp(2.55rem, 12vw, 3.7rem) !important; }
  html.corporate-2026 #hero .hero-desc { font-size: .9rem !important; line-height: 1.55 !important; }
  html.corporate-2026 #hero .hero-stats { padding: 11px 2px !important; }
  html.corporate-2026 #hero .hero-stats .stat-item { padding: 2px 8px !important; }
  html.corporate-2026 #hero .hero-stats .stat-num { font-size: 1.16rem !important; }
  html.corporate-2026 #hero .hero-stats .stat-text { font-size: .48rem !important; }
}

/* Approval concept C — mobile keeps the welcome scene as one complete first view. */
@media (max-width: 800px) {
  html.corporate-2026 #hero.corporate-hero-section {
    height: 100svh !important;
    min-height: 680px !important;
    padding: 94px 18px 26px !important;
    align-items: flex-end !important;
    background-position: 58% center !important;
  }

  html.corporate-2026 #hero.corporate-hero-section::before {
    background: linear-gradient(180deg,
      rgba(247, 251, 255, 0) 0%,
      rgba(247, 251, 255, .05) 38%,
      rgba(247, 251, 255, .42) 57%,
      rgba(247, 251, 255, .92) 100%) !important;
  }

  html.corporate-2026 #hero .hero-content-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    gap: 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  html.corporate-2026 #hero .hero-text-block { gap: 8px !important; }
  html.corporate-2026 #hero .hero-eyebrow { font-size: .64rem !important; letter-spacing: 2.2px !important; }
  html.corporate-2026 #hero .hero-text-block h1 { font-size: clamp(2.35rem, 11vw, 3.2rem) !important; line-height: 1.03 !important; }
  html.corporate-2026 #hero .hero-desc {
    display: -webkit-box !important;
    max-width: 31rem !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    color: #49647e !important;
    font-size: .84rem !important;
    line-height: 1.48 !important;
    text-shadow: none !important;
  }

  html.corporate-2026 #hero .hero-stats {
    width: 100% !important;
    padding: 8px 4px !important;
    background: rgba(255, 255, 255, .76) !important;
    border-color: rgba(17, 64, 111, .1) !important;
    border-radius: 14px !important;
    box-shadow: 0 9px 24px rgba(26, 62, 97, .08) !important;
    backdrop-filter: blur(12px) !important;
  }

  html.corporate-2026 #hero .hero-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  html.corporate-2026 #hero .hero-actions .btn { min-width: 0 !important; min-height: 42px !important; padding: 10px 8px !important; font-size: .72rem !important; }
  html.corporate-2026 #hero .hero-actions .btn.btn-primary { grid-column: 1 / -1 !important; }
}

/* A quieter, product-led featured range. The markup is retained for every language. */
html.corporate-2026 .featured-models-section {
  margin: 0 !important;
  padding: clamp(64px, 7vw, 104px) clamp(22px, 5vw, 80px) clamp(70px, 7vw, 112px) !important;
  background: linear-gradient(180deg, #f7f9fc 0%, #eef3f8 100%) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.corporate-2026 .featured-models-section::after { display: none !important; }
html.corporate-2026 .featured-models-section .section-title { max-width: 720px !important; margin: 0 auto clamp(30px, 4vw, 48px) !important; }
html.corporate-2026 .featured-models-section .section-title h2 { margin-bottom: 10px !important; font-size: clamp(2rem, 3.1vw, 3.2rem) !important; letter-spacing: -.045em !important; }
html.corporate-2026 .featured-models-section .section-title p { max-width: 590px !important; font-size: clamp(.93rem, 1.15vw, 1.08rem) !important; }

html.corporate-2026 .featured-models-section .hero-split-container {
  max-width: 1760px !important;
  gap: 26px !important;
  padding: 0 !important;
}

html.corporate-2026 .featured-models-section .hero-split-card {
  display: grid !important;
  grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr) !important;
  min-height: 456px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(26, 56, 88, .1) !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 34px rgba(20, 47, 76, .06) !important;
}

html.corporate-2026 .featured-models-section .hero-split-card:hover { transform: translateY(-4px) !important; box-shadow: 0 20px 46px rgba(20, 47, 76, .12) !important; }
html.corporate-2026 .featured-models-section .hero-split-card > .hero-split-content {
  order: 2 !important;
  min-width: 0 !important;
  padding: clamp(26px, 3vw, 42px) !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

html.corporate-2026 .featured-models-section .hero-split-card > .hero-split-img {
  display: block !important;
  order: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 456px !important;
  overflow: hidden !important;
  background: #edf2f7 !important;
}

html.corporate-2026 .featured-models-section .hero-split-card > .hero-split-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; }
html.corporate-2026 .featured-models-section .hero-split-card .logo-badge.hero-logo-badge,
html.corporate-2026 .featured-models-section .hero-split-card .hero-card-subtitle { display: none !important; }
html.corporate-2026 .featured-models-section .hero-card-title {
  margin: 0 0 12px !important;
  color: #10213a !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: clamp(2rem, 2.55vw, 2.8rem) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}

html.corporate-2026 .featured-models-section .hero-split-card p {
  display: -webkit-box !important;
  margin: 0 0 21px !important;
  overflow: hidden !important;
  color: #6a7b8f !important;
  font-size: .94rem !important;
  line-height: 1.62 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
}

html.corporate-2026 .featured-models-section .hero-product-features { gap: 7px !important; margin: 0 0 24px !important; }
html.corporate-2026 .featured-models-section .hero-feature-tag { color: #276fbe !important; font-size: .82rem !important; }
html.corporate-2026 .featured-models-section .hero-split-card .btn {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 11px 19px !important;
  color: #176cce !important;
  background: #fff !important;
  border: 1px solid #bfdafb !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html.corporate-2026 .featured-models-section .hero-split-card .btn:hover { color: #fff !important; background: #176cce !important; border-color: #176cce !important; transform: none !important; }

/* Retain the Eurostep product-range signature; it is part of the product identity. */
html.corporate-2026 .featured-models-section .hero-split-card .logo-badge.hero-logo-badge {
  display: inline-flex !important;
  margin: 0 0 18px !important;
  transform: scale(.78) !important;
  transform-origin: left center !important;
}
html.corporate-2026[dir="rtl"] .featured-models-section .hero-split-card .logo-badge.hero-logo-badge { transform-origin: right center !important; }

@media (max-width: 900px) {
  html.corporate-2026 .featured-models-section { padding: 58px 18px 72px !important; }
  html.corporate-2026 .featured-models-section .section-title { margin-bottom: 28px !important; }
  html.corporate-2026 .featured-models-section .section-title h2 {
    font-size: clamp(2rem, 9vw, 2.55rem) !important;
    line-height: 1.08 !important;
  }
  html.corporate-2026 .featured-models-section .hero-split-container { grid-template-columns: 1fr !important; gap: 16px !important; }
  html.corporate-2026 .featured-models-section .hero-split-card { grid-template-columns: 1fr !important; min-height: 0 !important; border-radius: 18px !important; }
  html.corporate-2026 .featured-models-section .hero-split-card > .hero-split-img { display: none !important; }
  html.corporate-2026 .featured-models-section .hero-split-card > .hero-split-img-mobile {
    display: block !important;
    order: 1 !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 56 / 75 !important;
    overflow: hidden !important;
    background: #edf2f7 !important;
  }
  html.corporate-2026 .featured-models-section .hero-split-card > .hero-split-img-mobile img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; }
  html.corporate-2026 .featured-models-section .hero-split-card > .hero-split-content { order: 2 !important; padding: 24px !important; }
  html.corporate-2026 .featured-models-section .hero-split-card .new-product-badge { top: 14px !important; right: 14px !important; left: auto !important; }
  html.corporate-2026 .featured-models-section .hero-split-card p { -webkit-line-clamp: 3 !important; }
}

@media (min-width: 901px) {
  html.corporate-2026 .featured-models-section .hero-split-card {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
  }

  html.corporate-2026 #one-cikanlar .hero-split-card > .hero-split-img {
    display: none !important;
  }

  html.corporate-2026 #one-cikanlar .hero-split-card > .hero-split-img-mobile {
    display: block !important;
    order: 1 !important;
    width: 55% !important;
    min-width: 0 !important;
    min-height: 456px !important;
    overflow: hidden !important;
    background: #edf2f7 !important;
  }

  html.corporate-2026 #one-cikanlar .hero-split-card > .hero-split-img-mobile img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html.corporate-2026 .featured-models-section .hero-split-card > .hero-split-content {
    order: 2 !important;
    width: 45% !important;
    min-width: 0 !important;
  }
}

/* The desktop hero stays a single photograph. The movement is deliberately
   slow and low-contrast, so it adds depth instead of visual noise. */
@keyframes hero-light-drift {
  0%, 100% { opacity: .12; transform: translate3d(-2%, 1%, 0) scale(1); }
  50% { opacity: .2; transform: translate3d(3%, -1%, 0) scale(1.08); }
}

@media (min-width: 801px) {
  html.corporate-2026 #hero.corporate-hero-section::before {
    background: linear-gradient(90deg,
      rgba(5, 27, 55, .58) 0%,
      rgba(8, 47, 90, .46) 31%,
      rgba(10, 83, 143, .22) 54%,
      rgba(14, 123, 203, .06) 72%,
      rgba(14, 123, 203, 0) 88%) !important;
  }

  html.corporate-2026 #hero.corporate-hero-section::after {
    content: '' !important;
    position: absolute !important;
    inset: -8% -5% !important;
    z-index: 1 !important;
    display: block !important;
    pointer-events: none !important;
    background: radial-gradient(ellipse at 70% 32%, rgba(197, 232, 255, .42) 0%, rgba(122, 195, 255, .12) 23%, transparent 53%) !important;
    animation: hero-light-drift 15s ease-in-out infinite !important;
  }

  html.corporate-2026 #hero .hero-content-wrapper,
  html.corporate-2026 #hero .hero-content-wrapper.fade-up.visible {
    z-index: 2 !important;
    width: min(540px, 100%) !important;
    margin: 22px 0 0 !important;
    padding: 8px 0 8px 28px !important;
    gap: 24px !important;
    background: transparent !important;
    border-left: 2px solid rgba(116, 185, 255, .82) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.corporate-2026 #hero .hero-eyebrow { color: #9bd0ff !important; background: transparent !important; border-color: transparent !important; }
  html.corporate-2026 #hero .hero-text-block h1 { color: #fff !important; text-shadow: 0 3px 18px rgba(0, 11, 28, .28) !important; }
  html.corporate-2026 #hero .hero-text-block h1 .light-text { color: #dcebf9 !important; }
  html.corporate-2026 #hero .hero-desc { color: rgba(235, 246, 255, .88) !important; }
  html.corporate-2026 #hero .hero-stats { background: rgba(8, 31, 58, .28) !important; border-color: rgba(177, 216, 255, .22) !important; box-shadow: none !important; }
  html.corporate-2026 #hero .hero-stats .stat-item { border-left-color: rgba(177, 216, 255, .2) !important; }
  html.corporate-2026 #hero .hero-stats .stat-num { color: #fff !important; }
  html.corporate-2026 #hero .hero-stats .stat-text { color: rgba(225, 241, 255, .76) !important; }
  html.corporate-2026 #hero .hero-actions .btn.btn-glass { color: #eef7ff !important; background: rgba(7, 31, 59, .22) !important; border-color: rgba(209, 233, 255, .34) !important; }
  html.corporate-2026[dir="rtl"] #hero.corporate-hero-section::before { background: linear-gradient(270deg, rgba(5, 27, 55, .58) 0%, rgba(8, 47, 90, .46) 31%, rgba(10, 83, 143, .22) 54%, rgba(14, 123, 203, .06) 72%, rgba(14, 123, 203, 0) 88%) !important; }
  html.corporate-2026[dir="rtl"] #hero .hero-content-wrapper { padding: 8px 28px 8px 0 !important; border-right: 2px solid rgba(116, 185, 255, .82) !important; border-left: 0 !important; }
}

/* FINAL applied desktop controls and reflected-light animation. */
@keyframes hero-reflection-sweep-applied {
  0%, 14% { opacity: 0; transform: translateX(-145%) skewX(-13deg); }
  23% { opacity: .42; }
  51% { opacity: .26; transform: translateX(250%) skewX(-13deg); }
  60%, 100% { opacity: 0; transform: translateX(250%) skewX(-13deg); }
}
@media (min-width: 801px) {
  html.corporate-2026 #hero .hero-actions { display: flex !important; width: 100% !important; flex-wrap: nowrap !important; gap: 12px !important; }
  html.corporate-2026 #hero .hero-actions .btn,
  html.corporate-2026 #hero .hero-actions .btn.btn-primary,
  html.corporate-2026 #hero .hero-actions .btn.btn-glass {
    display: inline-flex !important; flex: 1 1 0 !important; min-width: 0 !important; min-height: 52px !important; padding: 0 14px !important; justify-content: center !important; align-items: center !important; white-space: nowrap !important; color: #fff !important; background: #1479e8 !important; border: 1px solid #1479e8 !important; border-radius: 12px !important; box-shadow: 0 10px 22px rgba(4, 92, 191, .26) !important;
  }
  html.corporate-2026 #hero .hero-actions .btn:hover { color: #fff !important; background: #0d67ca !important; border-color: #0d67ca !important; }
  html.corporate-2026 #hero.corporate-hero-section::after {
    top: -12% !important; right: auto !important; bottom: -12% !important; left: 18% !important; width: 30% !important; height: auto !important; z-index: 1 !important; opacity: 0 !important; background: linear-gradient(90deg, transparent 0%, rgba(220, 243, 255, .12) 30%, rgba(247, 253, 255, .72) 50%, rgba(220, 243, 255, .12) 70%, transparent 100%) !important; animation: hero-reflection-sweep-applied 12s ease-in-out infinite !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.corporate-2026 #hero.corporate-hero-section::after { animation: none !important; opacity: 0 !important; }
}

/* FINAL desktop controls and reflected-light animation. Keep this last so it
   cannot be superseded by earlier preview experiments. */
@keyframes hero-reflection-sweep-final {
  0%, 14% { opacity: 0; transform: translateX(-145%) skewX(-13deg); }
  23% { opacity: .42; }
  51% { opacity: .26; transform: translateX(250%) skewX(-13deg); }
  60%, 100% { opacity: 0; transform: translateX(250%) skewX(-13deg); }
}

@media (min-width: 801px) {
  html.corporate-2026 #hero .hero-actions {
    display: flex !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
  }
  html.corporate-2026 #hero .hero-actions .btn,
  html.corporate-2026 #hero .hero-actions .btn.btn-primary,
  html.corporate-2026 #hero .hero-actions .btn.btn-glass {
    display: inline-flex !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 0 14px !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: nowrap !important;
    color: #fff !important;
    background: #1479e8 !important;
    border: 1px solid #1479e8 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 22px rgba(4, 92, 191, .26) !important;
  }
  html.corporate-2026 #hero .hero-actions .btn:hover {
    color: #fff !important;
    background: #0d67ca !important;
    border-color: #0d67ca !important;
  }
  html.corporate-2026 #hero.corporate-hero-section::after {
    top: -12% !important;
    right: auto !important;
    bottom: -12% !important;
    left: 18% !important;
    width: 30% !important;
    height: auto !important;
    z-index: 1 !important;
    opacity: 0 !important;
    background: linear-gradient(90deg, transparent 0%, rgba(220, 243, 255, .12) 30%, rgba(247, 253, 255, .72) 50%, rgba(220, 243, 255, .12) 70%, transparent 100%) !important;
    animation: hero-reflection-sweep-final 12s ease-in-out infinite !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.corporate-2026 #hero.corporate-hero-section::after { animation: none !important; opacity: 0 !important; }
}

/* Desktop actions read as one clear, equally weighted group. */
@media (min-width: 801px) {
  html.corporate-2026 #hero .hero-actions {
    display: flex !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
  }

  html.corporate-2026 #hero .hero-actions .btn,
  html.corporate-2026 #hero .hero-actions .btn.btn-primary,
  html.corporate-2026 #hero .hero-actions .btn.btn-glass {
    display: inline-flex !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 0 14px !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: nowrap !important;
    color: #fff !important;
    background: #1479e8 !important;
    border: 1px solid #1479e8 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 22px rgba(4, 92, 191, .26) !important;
  }

  html.corporate-2026 #hero .hero-actions .btn:hover {
    color: #fff !important;
    background: #0d67ca !important;
    border-color: #0d67ca !important;
    box-shadow: 0 13px 25px rgba(4, 82, 173, .32) !important;
  }
}

/* A visible but infrequent reflected-light pass across the factory image. */
@keyframes hero-reflection-sweep {
  0%, 16% { opacity: 0; transform: translateX(-145%) skewX(-13deg); }
  24% { opacity: .22; }
  52% { opacity: .16; transform: translateX(250%) skewX(-13deg); }
  60%, 100% { opacity: 0; transform: translateX(250%) skewX(-13deg); }
}

@media (min-width: 801px) {
  html.corporate-2026 #hero.corporate-hero-section::after {
    top: -12% !important;
    right: auto !important;
    bottom: -12% !important;
    left: 18% !important;
    width: 30% !important;
    height: auto !important;
    z-index: 1 !important;
    opacity: 0 !important;
    background: linear-gradient(90deg, transparent 0%, rgba(220, 243, 255, .12) 30%, rgba(247, 253, 255, .5) 50%, rgba(220, 243, 255, .12) 70%, transparent 100%) !important;
    animation: hero-reflection-sweep 18s ease-in-out infinite !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.corporate-2026 #hero.corporate-hero-section::after { animation: none !important; opacity: 0 !important; }
}

/* Desktop: one continuous blue atmosphere, without a detached pale panel. */
@media (min-width: 801px) {
  html.corporate-2026 #hero.corporate-hero-section::before {
    background: linear-gradient(90deg,
      rgba(5, 27, 55, .64) 0%,
      rgba(8, 46, 88, .52) 31%,
      rgba(11, 87, 149, .25) 55%,
      rgba(14, 123, 203, .07) 73%,
      rgba(14, 123, 203, 0) 89%) !important;
  }

  html.corporate-2026 #hero .hero-content-wrapper,
  html.corporate-2026 #hero .hero-content-wrapper.fade-up.visible {
    width: min(555px, 100%) !important;
    margin: 22px 0 0 !important;
    padding: 8px 0 8px 28px !important;
    gap: 24px !important;
    background: transparent !important;
    border-left: 2px solid rgba(105, 179, 255, .88) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.corporate-2026 #hero .hero-eyebrow { color: #93c9ff !important; }
  html.corporate-2026 #hero .hero-text-block h1 { color: #fff !important; text-shadow: 0 3px 18px rgba(0, 11, 28, .28) !important; }
  html.corporate-2026 #hero .hero-text-block h1 .light-text { color: #d9e8f7 !important; }
  html.corporate-2026 #hero .hero-desc { color: rgba(235, 246, 255, .86) !important; text-shadow: none !important; }
  html.corporate-2026 #hero .hero-stats { background: rgba(8, 31, 58, .32) !important; border-color: rgba(177, 216, 255, .23) !important; }
  html.corporate-2026 #hero .hero-stats .stat-item { border-left-color: rgba(177, 216, 255, .22) !important; }
  html.corporate-2026 #hero .hero-stats .stat-num { color: #fff !important; }
  html.corporate-2026 #hero .hero-stats .stat-text { color: rgba(225, 241, 255, .76) !important; }
  html.corporate-2026 #hero .hero-actions .btn.btn-glass { color: #eef7ff !important; background: rgba(7, 31, 59, .24) !important; border-color: rgba(209, 233, 255, .35) !important; }
  html.corporate-2026[dir="rtl"] #hero.corporate-hero-section::before {
    background: linear-gradient(270deg,
      rgba(5, 27, 55, .64) 0%,
      rgba(8, 46, 88, .52) 31%,
      rgba(11, 87, 149, .25) 55%,
      rgba(14, 123, 203, .07) 73%,
      rgba(14, 123, 203, 0) 89%) !important;
  }
  html.corporate-2026[dir="rtl"] #hero .hero-content-wrapper { padding: 8px 28px 8px 0 !important; border-right: 2px solid rgba(105, 179, 255, .88) !important; border-left: 0 !important; }
}

html.corporate-2026[dir="rtl"] .featured-models-section .hero-split-card > .hero-split-content { align-items: flex-start !important; }
html.corporate-2026[dir="rtl"] .featured-models-section .hero-split-card > .hero-split-img { order: 2 !important; }
html.corporate-2026[dir="rtl"] .featured-models-section .hero-split-card > .hero-split-content { order: 1 !important; }

/* The factory remains the hero: contrast comes from a restrained blue shade, not a white veil. */
@media (min-width: 801px) {
  html.corporate-2026 #hero.corporate-hero-section::before {
    background: linear-gradient(90deg,
      rgba(5, 27, 55, .76) 0%,
      rgba(8, 43, 82, .62) 31%,
      rgba(11, 78, 133, .30) 55%,
      rgba(14, 123, 203, .08) 72%,
      rgba(14, 123, 203, 0) 88%) !important;
  }

  html.corporate-2026 #hero .hero-content-wrapper,
  html.corporate-2026 #hero .hero-content-wrapper.fade-up.visible {
    width: min(555px, 100%) !important;
    margin: 22px 0 0 !important;
    padding: 8px 0 8px 28px !important;
    gap: 24px !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 2px solid rgba(105, 179, 255, .88) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  html.corporate-2026 #hero .hero-eyebrow { color: #93c9ff !important; }
  html.corporate-2026 #hero .hero-text-block h1 { color: #fff !important; text-shadow: 0 3px 18px rgba(0, 11, 28, .28) !important; }
  html.corporate-2026 #hero .hero-text-block h1 .light-text { color: #d9e8f7 !important; }
  html.corporate-2026 #hero .hero-desc { color: rgba(235, 246, 255, .86) !important; text-shadow: none !important; }
  html.corporate-2026 #hero .hero-stats { background: rgba(8, 31, 58, .38) !important; border-color: rgba(177, 216, 255, .23) !important; box-shadow: none !important; }
  html.corporate-2026 #hero .hero-stats .stat-item { border-left-color: rgba(177, 216, 255, .22) !important; }
  html.corporate-2026 #hero .hero-stats .stat-num { color: #fff !important; }
  html.corporate-2026 #hero .hero-stats .stat-text { color: rgba(225, 241, 255, .76) !important; }
  html.corporate-2026 #hero .hero-actions .btn.btn-glass { color: #eef7ff !important; background: rgba(7, 31, 59, .25) !important; border-color: rgba(209, 233, 255, .35) !important; }
  html.corporate-2026 #hero .hero-actions .btn.btn-glass:hover { color: #fff !important; background: rgba(15, 105, 192, .55) !important; border-color: rgba(255, 255, 255, .55) !important; }
  html.corporate-2026[dir="rtl"] #hero .hero-content-wrapper { padding: 8px 28px 8px 0 !important; border-right: 2px solid rgba(105, 179, 255, .88) !important; border-left: 0 !important; }
}

/* Final desktop direction: a defined editorial column and an untouched factory photograph. */
@media (min-width: 801px) {
  html.corporate-2026 #hero.corporate-hero-section {
    padding: 118px clamp(48px, 7vw, 132px) 76px !important;
    background-position: center center !important;
  }

  html.corporate-2026 #hero.corporate-hero-section::before {
    background: linear-gradient(90deg,
      #e4edf8 0%,
      #e8f0f9 37%,
      rgba(232, 240, 249, .92) 44%,
      rgba(232, 240, 249, .54) 52%,
      rgba(232, 240, 249, .12) 61%,
      rgba(232, 240, 249, 0) 70%) !important;
  }

  html.corporate-2026 #hero .hero-content-wrapper,
  html.corporate-2026 #hero .hero-content-wrapper.fade-up.visible {
    width: min(540px, 100%) !important;
    margin: 20px 0 0 !important;
    padding: 6px 0 6px 26px !important;
    gap: 23px !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 2px solid #1b78d7 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.corporate-2026 #hero .hero-eyebrow { padding: 0 !important; color: #1c6fc2 !important; }
  html.corporate-2026 #hero .hero-text-block h1 { color: #112440 !important; text-shadow: none !important; }
  html.corporate-2026 #hero .hero-text-block h1 .light-text { color: #2678c9 !important; }
  html.corporate-2026 #hero .hero-desc { color: #526b86 !important; text-shadow: none !important; }
  html.corporate-2026 #hero .hero-stats {
    padding: 9px 4px !important;
    background: rgba(255, 255, 255, .48) !important;
    border-color: rgba(39, 91, 143, .16) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    backdrop-filter: blur(7px) !important;
  }
  html.corporate-2026 #hero .hero-stats .stat-item { border-left-color: rgba(39, 91, 143, .14) !important; }
  html.corporate-2026 #hero .hero-stats .stat-num { color: #145da7 !important; }
  html.corporate-2026 #hero .hero-stats .stat-text { color: #58708a !important; }
  html.corporate-2026 #hero .hero-actions .btn.btn-glass { color: #31506f !important; background: rgba(255,255,255,.48) !important; border-color: rgba(39, 91, 143, .22) !important; }
  html.corporate-2026[dir="rtl"] #hero.corporate-hero-section::before {
    background: linear-gradient(270deg,
      #e4edf8 0%,
      #e8f0f9 37%,
      rgba(232, 240, 249, .92) 44%,
      rgba(232, 240, 249, .54) 52%,
      rgba(232, 240, 249, .12) 61%,
      rgba(232, 240, 249, 0) 70%) !important;
  }
  html.corporate-2026[dir="rtl"] #hero .hero-content-wrapper { padding: 6px 26px 6px 0 !important; border-right: 2px solid #1b78d7 !important; border-left: 0 !important; }
}

/* A restrained peek makes the next section discoverable without sacrificing the mobile hero. */
@media (max-width: 800px) {
  html.corporate-2026 #hero.corporate-hero-section {
    height: calc(100svh - 24px) !important;
    min-height: 656px !important;
  }
  html.corporate-2026 #hero.corporate-hero-section::after {
    content: '' !important;
    position: absolute !important;
    z-index: 4 !important;
    display: block !important;
    bottom: 8px !important;
    left: 50% !important;
    width: 32px !important;
    height: 3px !important;
    background: #1d75d6 !important;
    border-radius: 999px !important;
    box-shadow: 0 3px 10px rgba(18, 96, 178, .23) !important;
    transform: translateX(-50%) !important;
  }
}

/* On Arabic phones the RTL desktop shade used to win the cascade and put a
   bright veil over the right side of the factory.  Mobile uses the same
   vertical, restrained fade as every other language instead. */
@media (max-width: 800px) {
  html.corporate-2026[dir="rtl"] #hero.corporate-hero-section::before {
    background: linear-gradient(180deg,
      rgba(247, 251, 255, 0) 0%,
      rgba(247, 251, 255, .05) 38%,
      rgba(247, 251, 255, .42) 57%,
      rgba(247, 251, 255, .92) 100%) !important;
  }
}

/* Desktop hero: one continuous photographic atmosphere, never a detached panel. */
@keyframes hero-light-drift {
  0% { opacity: 0; transform: translateX(-145%) skewX(-13deg); }
  8% { opacity: .4; }
  34% { opacity: .24; transform: translateX(250%) skewX(-13deg); }
  44%, 100% { opacity: 0; transform: translateX(250%) skewX(-13deg); }
}

@media (min-width: 801px) {
  html.corporate-2026 #hero.corporate-hero-section::before {
    background: linear-gradient(90deg,
      rgba(5, 27, 55, .58) 0%,
      rgba(8, 47, 90, .46) 31%,
      rgba(10, 83, 143, .22) 54%,
      rgba(14, 123, 203, .06) 72%,
      rgba(14, 123, 203, 0) 88%) !important;
  }

  html.corporate-2026 #hero.corporate-hero-section::after {
    content: '' !important;
    position: absolute !important;
    top: -12% !important;
    right: auto !important;
    bottom: -12% !important;
    left: 18% !important;
    width: 30% !important;
    height: auto !important;
    z-index: 1 !important;
    display: block !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, transparent 0%, rgba(220, 243, 255, .12) 30%, rgba(247, 253, 255, .72) 50%, rgba(220, 243, 255, .12) 70%, transparent 100%) !important;
    animation: hero-light-drift 8s ease-in-out 2.4s infinite !important;
  }

  html.corporate-2026 #hero .hero-content-wrapper,
  html.corporate-2026 #hero .hero-content-wrapper.fade-up.visible {
    z-index: 2 !important;
    width: min(540px, 100%) !important;
    margin: 22px 0 0 !important;
    padding: 8px 0 8px 28px !important;
    gap: 24px !important;
    background: transparent !important;
    border-left: 2px solid rgba(116, 185, 255, .82) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.corporate-2026 #hero .hero-eyebrow { color: #9bd0ff !important; background: transparent !important; border-color: transparent !important; }
  html.corporate-2026 #hero .hero-text-block h1 { color: #fff !important; text-shadow: 0 3px 18px rgba(0, 11, 28, .28) !important; }
  html.corporate-2026 #hero .hero-text-block h1 .light-text { color: #dcebf9 !important; }
  html.corporate-2026 #hero .hero-desc { color: rgba(235, 246, 255, .88) !important; }
  html.corporate-2026 #hero .hero-stats { background: rgba(8, 31, 58, .28) !important; border-color: rgba(177, 216, 255, .22) !important; box-shadow: none !important; }
  html.corporate-2026 #hero .hero-stats .stat-item { border-left-color: rgba(177, 216, 255, .2) !important; }
  html.corporate-2026 #hero .hero-stats .stat-num { color: #fff !important; }
  html.corporate-2026 #hero .hero-stats .stat-text { color: rgba(225, 241, 255, .76) !important; }
  html.corporate-2026 #hero .hero-actions { display: flex !important; width: 100% !important; flex-wrap: nowrap !important; gap: 12px !important; }
  html.corporate-2026 #hero .hero-actions .btn,
  html.corporate-2026 #hero .hero-actions .btn.btn-primary,
  html.corporate-2026 #hero .hero-actions .btn.btn-glass { display: inline-flex !important; flex: 1 1 0 !important; min-width: 0 !important; min-height: 52px !important; padding: 0 14px !important; justify-content: center !important; align-items: center !important; white-space: nowrap !important; color: #fff !important; background: #1479e8 !important; border: 1px solid #1479e8 !important; border-radius: 12px !important; box-shadow: 0 10px 22px rgba(4, 92, 191, .26) !important; }
  html.corporate-2026 #hero .hero-actions .btn:hover { color: #fff !important; background: #0d67ca !important; border-color: #0d67ca !important; }
  html.corporate-2026 .featured-models-section { position: relative !important; z-index: 10 !important; margin: -34px 0 40px !important; border-radius: 34px 34px 0 0 !important; }
  html.corporate-2026[dir="rtl"] #hero.corporate-hero-section::before { background: linear-gradient(270deg, rgba(5, 27, 55, .58) 0%, rgba(8, 47, 90, .46) 31%, rgba(10, 83, 143, .22) 54%, rgba(14, 123, 203, .06) 72%, rgba(14, 123, 203, 0) 88%) !important; }
  html.corporate-2026[dir="rtl"] #hero .hero-content-wrapper { padding: 8px 28px 8px 0 !important; border-right: 2px solid rgba(116, 185, 255, .82) !important; border-left: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
  html.corporate-2026 #hero.corporate-hero-section::after { animation: none !important; }
}

/* Keep all three proof points readable on narrow phones without collisions. */
@media (max-width: 480px) {
  html.corporate-2026 #hero .hero-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }
  html.corporate-2026 #hero .hero-stats .stat-item {
    min-width: 0 !important;
    padding: 11px 4px !important;
    gap: 5px !important;
  }
  html.corporate-2026 #hero .hero-stats .stat-num {
    font-size: clamp(.95rem, 4.4vw, 1.15rem) !important;
    white-space: nowrap !important;
  }
  html.corporate-2026 #hero .hero-stats .stat-text {
    font-size: clamp(.5rem, 2.15vw, .62rem) !important;
    line-height: 1.18 !important;
    letter-spacing: .2px !important;
    overflow-wrap: anywhere !important;
  }
}

/* Arabic desktop copy sits at the left of this composition, so its protective
   shade belongs there too.  Mobile retains its own vertical fade above. */
@media (min-width: 801px) {
  html.corporate-2026:not(.dark-theme)[dir="rtl"] #hero.corporate-hero-section::before {
    background: linear-gradient(90deg,
      rgba(5, 27, 55, .58) 0%,
      rgba(8, 47, 90, .46) 31%,
      rgba(10, 83, 143, .22) 54%,
      rgba(14, 123, 203, .06) 72%,
      rgba(14, 123, 203, 0) 88%) !important;
  }
}

/* One visual language for the three hero actions in every locale. */
@media (min-width: 801px) {
  html.corporate-2026 #hero .hero-actions .btn,
  html.corporate-2026 #hero .hero-actions .btn.btn-primary,
  html.corporate-2026 #hero .hero-actions .btn.btn-glass {
    color: #fff !important;
    background: #1479e8 !important;
    border-color: #1479e8 !important;
    box-shadow: 0 8px 20px rgba(0, 113, 227, .3) !important;
    transition: transform .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease !important;
  }

  html.corporate-2026 #hero .hero-actions .btn:hover,
  html.corporate-2026 #hero .hero-actions .btn:focus-visible {
    color: #fff !important;
    background: #0d67ca !important;
    border-color: #0d67ca !important;
    box-shadow: 0 12px 25px rgba(0, 113, 227, .4) !important;
    outline: 0 !important;
    transform: translateY(-3px) !important;
  }

  html.corporate-2026 #hero .hero-actions .btn:active {
    color: #fff !important;
    background: #095bb4 !important;
    border-color: #095bb4 !important;
    box-shadow: 0 5px 12px rgba(0, 113, 227, .3) !important;
    transform: translateY(-1px) !important;
  }
}