.site-header{min-height:88px;padding:12px max(24px,calc((100vw - 1280px)/2));gap:24px;background:linear-gradient(115deg,#143c50eF,#0c2134f5 48%,#102b3ef5);backdrop-filter:none;border-bottom:1px solid #6bd4f03d;box-shadow:0 8px 30px #071b3020;isolation:isolate}
.site-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 2%,#57d9f6 24%,#248fbe55 55%,#ff943f 85%,transparent);pointer-events:none}
.site-header .brand{gap:13px}
.site-header .brand-mark{position:relative;width:48px;height:52px;border-radius:12px;background:linear-gradient(145deg,#ffffff18,#ffffff04);border:1px solid #87c7df45;box-shadow:inset 0 1px #ffffff15,0 0 25px #42caf510}
.site-header .brand-mark img{width:38px;height:43px}
.site-header .brand-copy{gap:7px}
.site-header .brand-copy strong{font-size:18px;font-weight:800;letter-spacing:-.025em;color:#f4faff}
.site-header .brand-copy small{font-size:8px;letter-spacing:.15em;font-weight:600;color:#95c7d9}
.site-header .site-nav{gap:2px;padding:5px;border-radius:12px;background:#06172440;border:1px solid #b2e1ff13}
.site-header .site-nav a{position:relative;font-size:12px;color:#c2d4e1;padding:11px 12px;border-radius:8px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s}
.site-header .site-nav a:not(.nav-cta):hover{background:#74cfea16;color:#fff;box-shadow:inset 0 -2px #64d8f2}
.site-header .site-nav .nav-cta{display:inline-flex;gap:12px;margin-left:8px;padding:12px 19px;border-radius:8px;background:linear-gradient(120deg,#72e3f2,#35b4de);color:#08253a;font-weight:800;border:1px solid #a9edf5;box-shadow:0 0 20px #44c4e621}
.site-header .site-nav .nav-cta:after{content:"↗";font-size:16px;line-height:1}
.site-header .site-nav .nav-cta:hover{background:linear-gradient(120deg,#b2f2f8,#67d9f1);box-shadow:0 0 22px #44c4e645}
.site-header .nav-toggle{border-radius:10px;background:#ffffff09;border-color:#8abdd54d}
.site-header .nav-toggle span{background:#b7e9f5}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #ffac69;outline-offset:4px}
@media(max-width:1100px){.site-header{padding:12px 22px}.site-header .brand-copy strong{font-size:16px}.site-header .site-nav a{padding:11px 9px}}
@media(max-width:1120px){.site-header{min-height:80px}.site-header .nav-toggle{display:block;flex-shrink:0}.site-header .site-nav{display:none;position:absolute;top:calc(100% + 10px);left:18px;right:18px;flex-direction:column;align-items:stretch;padding:12px;background:#102b3ff7;border:1px solid #71c7e34a;box-shadow:0 20px 40px #03142140;border-radius:14px;backdrop-filter:none}.site-header .site-nav.is-open{display:flex}.site-header .site-nav a{padding:13px 16px;font-size:14px}.site-header .site-nav .nav-cta{margin:8px 0 0;justify-content:space-between}}
@media(min-width:1121px){.site-header .site-nav{position:static;display:flex;flex-direction:row;align-items:center}.site-header .nav-toggle{display:none}}
@media(max-width:480px){.site-header{padding:10px 16px;min-height:76px;gap:12px}.site-header .brand{gap:10px}.site-header .brand-mark{width:40px;height:44px}.site-header .brand-mark img{width:32px;height:37px}.site-header .brand-copy strong{font-size:14px}.site-header .brand-copy small{font-size:6.5px;letter-spacing:.12em}.site-header .brand-copy{gap:5px}}
@media(prefers-reduced-motion:reduce){.site-header .site-nav a{transition:none;translate:none}}

.site-header .language-switch{margin-left:auto;flex-shrink:0;color:#b8eaf5;text-decoration:none;border:1px solid #72c9e54a;border-radius:7px;padding:8px 10px;font-size:12px;white-space:nowrap}.site-header .language-switch:hover{background:#78cfea20}@media(min-width:1121px){.site-header{gap:14px}.site-header .site-nav a{padding-inline:10px}}
.site-header .language-options{display:flex;flex-shrink:0;gap:2px;padding:3px;margin-left:auto;border:1px solid #72c9e54a;border-radius:9px;background:#06172440}
.site-header .language-options a{padding:7px 9px;border-radius:6px;color:#bdd2e0;text-decoration:none;font-size:11px;white-space:nowrap}
.site-header .language-options a[aria-current="page"]{background:#83dff0;color:#092638;font-weight:750}
.site-header .language-options a:hover{box-shadow:inset 0 0 0 1px #83dff0}
@media(max-width:480px){.site-header{gap:8px}.site-header .brand-copy strong{font-size:12px}.site-header .brand-mark{width:30px;height:38px}.site-header .brand{gap:6px}.site-header .language-options a{padding:7px 6px}.site-header .nav-toggle{width:36px;height:38px}}
