/* The client logo stays complete, original-colour and transparent at the top. */
.site-header{
  --header-gutter:max(48px,calc((100vw - 1440px)/2));
  position:absolute;top:0;left:0;right:0;z-index:30;
  height:112px;padding:0 var(--header-gutter);gap:32px;overflow:hidden;isolation:isolate;
  color:#d5e4ee;background:linear-gradient(105deg,#d0e3ed 0%,#c6dce8 calc(var(--header-gutter) + 174px),#7896a9 calc(var(--header-gutter) + 242px),#233e52 calc(var(--header-gutter) + 334px),#0c2031 calc(var(--header-gutter) + 490px),#081522 100%);
  border:0;border-radius:0;box-shadow:0 12px 35px #02091624;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
.site-header:before{inset:0;background:linear-gradient(180deg,#eefaff0b,transparent 60%,#05131f14);opacity:1;z-index:0}
.site-header:after{inset:auto 0 0;height:1px;background:linear-gradient(90deg,#d7f0ff35,#a3d7f035 22%,#6297b51a 55%,transparent)}
.site-header>.brand,.site-header>.desktop-nav,.site-header>.language-switch,.site-header>.menu-toggle{position:relative;z-index:3}
.site-header .brand .logo-window{width:178px;height:88px}
.site-header .brand{padding:0;border:0;flex-shrink:0;background:transparent}
.site-header .logo-window img{filter:none}
.site-header .desktop-nav{gap:clamp(22px,2.6vw,44px);margin-left:auto;margin-right:10px}
.site-header .desktop-nav a{font-size:14px;color:#c9dce8;letter-spacing:.8px;line-height:1.5;padding:12px 0;transition:color .25s}
.site-header .desktop-nav a:hover{color:#a5e5fa}
.site-header .desktop-nav a:after{bottom:3px;height:1px;background:#7ecde6;transition:width .35s ease}
.site-header .language-switch{border-left:0;border:1px solid #8db6ce30;border-radius:3px;background:#081b2dc7;padding:3px;gap:2px}
.site-header .language-switch>span{display:none}
.site-header .language-switch button{min-width:38px;padding:8px 9px;border:0;border-radius:2px;font-size:12px;font-weight:400;color:#94afc2;transition:background .25s,color .25s}
.site-header .language-switch button[aria-pressed="true"]{color:#d6f2ff;background:#284658;box-shadow:none;font-weight:500}
.site-header .language-switch button:hover{color:#ecfaff;background:#284658}
.site-header .menu-toggle span{background:#cde5f2}
.header-reflection{position:absolute;z-index:1;top:-100px;bottom:-100px;left:0;width:38%;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,#8ed8f20a 30%,#d3f5ff20 51%,#b0e6f60d 72%,transparent 100%);
  filter:blur(22px);transform:translateX(-150%) skewX(-23deg);opacity:0;animation:satin-reflection 13s cubic-bezier(.35,0,.3,1) infinite;
}
.header-edge-light{position:absolute;z-index:2;bottom:0;left:0;width:24%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#bdeeff99,#73d4f066,transparent);transform:translateX(-160%);opacity:0;animation:satin-edge 13s cubic-bezier(.35,0,.3,1) infinite}
@keyframes satin-reflection{0%,9%{transform:translateX(-150%) skewX(-23deg);opacity:0}19%{opacity:.52}54%{opacity:.52}68%,100%{transform:translateX(350%) skewX(-23deg);opacity:0}}
@keyframes satin-edge{0%,11%{transform:translateX(-160%);opacity:0}20%{opacity:.9}54%{opacity:.9}69%,100%{transform:translateX(520%);opacity:0}}
.hero{height:100svh;min-height:790px;max-height:1060px}
.hero-content{padding-top:120px!important;padding-bottom:100px!important}
.semiconductor-scene{top:70px;height:calc(100% - 70px)}
.hero h1 span{color:#78d3ee}
.hero-actions .text-link:first-child{background:#c4e6f2;color:#133448;border:1px solid #d9f2fb99;border-radius:2px;box-shadow:inset 0 1px 0 #fff6;transition:background .25s,box-shadow .25s}
.hero-actions .text-link:first-child:hover{background:#e0f3fa;box-shadow:0 5px 20px #58bdd323}
.motion-paused .header-reflection,.motion-paused .header-edge-light{animation-play-state:paused}
@media(max-width:1200px){.site-header{--header-gutter:38px;height:106px;gap:24px}.site-header .brand .logo-window{width:165px;height:81px}.site-header .desktop-nav{gap:23px;margin-right:0}.site-header .desktop-nav a{font-size:13px;letter-spacing:.3px}.hero{min-height:790px}}
@media(max-width:950px){.site-header{--header-gutter:28px;gap:20px;height:98px}.site-header .brand .logo-window{width:152px;height:75px}.site-header .desktop-nav{gap:17px}.site-header .desktop-nav a{font-size:12px;letter-spacing:0}.site-header .language-switch button{min-width:32px;padding:8px 6px}.semiconductor-scene{top:75px;height:calc(100% - 75px)}}
@media(min-width:701px) and (max-width:790px){.site-header{--header-gutter:22px;gap:14px;background:linear-gradient(105deg,#d0e3ed 0,#c6dce8 155px,#66899e 184px,#18364c 219px,#0b2031 270px,#081522 100%)}.site-header .brand .logo-window{width:135px;height:67px}.site-header .desktop-nav{gap:14px}.site-header .language-switch button{min-width:28px;padding:8px 4px}.hero-content{padding-top:115px!important}}
@media(max-width:700px){
  .site-header{--header-gutter:22px;height:90px;gap:14px;background:linear-gradient(105deg,#d0e3ed 0,#c6dce8 162px,#7896a9 198px,#233e52 235px,#0c2031 278px,#081522 100%);box-shadow:none}
  .site-header .brand .logo-window{width:144px;height:71px}
  .site-header .language-switch{display:flex;padding:2px;gap:0;border:1px solid #8db6ce30;margin-left:auto}.site-header .language-switch button{font-size:12px;min-width:32px;padding:7px 6px}
  .site-header .menu-toggle{width:27px;flex-shrink:0}.site-header .menu-toggle span{width:21px;background:#cde5f2}
  .header-reflection{width:65%;filter:blur(12px)}
  .mobile-nav:not([hidden]){top:90px;left:0;right:0;background:#0b2031;border:0;border-bottom:1px solid #78aec433;border-radius:0;padding:7px 24px 16px;box-shadow:0 20px 45px #000b1980}
  .mobile-nav a{font-size:16px;color:#d0e5f1;border-color:#80a9c026}.mobile-nav a span{color:#83b7d2}
  .hero{height:auto;min-height:895px;max-height:none}.hero-content{padding:133px 0 0!important}.semiconductor-scene{top:418px;height:450px}
}
@media(max-width:360px){.site-header{--header-gutter:16px;gap:10px;background:linear-gradient(105deg,#d0e3ed 0,#c6dce8 143px,#7896a9 176px,#233e52 214px,#081522 260px)}.site-header .brand .logo-window{width:132px;height:65px}.site-header .language-switch button{min-width:29px;padding-inline:5px}.hero{min-height:875px}.semiconductor-scene{top:397px}}
@media(prefers-reduced-motion:reduce){.header-reflection,.header-edge-light{animation:none;opacity:0}}