/* Approved option B: independent logo, smoked-glass navigation and contact. */
.header {
  display:flex;
  align-items:center;
  gap:clamp(18px,2.6vw,42px);
  height:128px;
  padding:14px clamp(24px,4.6vw,76px);
}
.header .brand {width:clamp(180px,16.3vw,238px);flex-shrink:0}
.header .desktop-nav {
  position:relative;
  isolation:isolate;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:clamp(8px,1.1vw,18px);
  padding:7px 15px;
  margin-left:auto;
  border:1px solid #afdaec52;
  border-radius:999px;
  background:linear-gradient(165deg,#dff7ff0c,transparent 42%),#040813b8;
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  box-shadow:inset 0 1px 0 #fff2,inset 0 -1px 0 #3e79a31c,0 9px 28px #0005;
}
.header .desktop-nav::before {
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(150px 70px at var(--glass-x,50%) var(--glass-y,50%),#7cecff1c,transparent);
  opacity:0;transition:opacity .3s;
}
.header .desktop-nav:is(:hover,:focus-within)::before {opacity:1}
.header .desktop-nav a {
  min-height:44px;
  padding:12px 11px;
  border-radius:30px;
  color:#f7fafc;
  font-size:14px;
  font-weight:600;
  text-shadow:none;
  white-space:nowrap;
}
.header .desktop-nav a::after {
  content:'';position:absolute;left:13px;right:13px;bottom:6px;height:2px;
  border-radius:2px;background:#00e5ff;box-shadow:0 0 9px #00e5ff99;
  transform:scaleX(0);transform-origin:center;transition:transform .22s ease;
}
.header .desktop-nav a:is(:hover,:focus-visible)::after {transform:scaleX(1)}
.header .desktop-nav a:is(:hover,:focus-visible) {background:#61e8ff0b}
.header .contact-link {
  flex-shrink:0;min-height:56px;gap:12px;padding:15px 23px;
  border:1px solid #00cceba6;border-radius:999px;
  color:#fff;font-size:13px;font-weight:600;white-space:nowrap;text-shadow:none;
  background:linear-gradient(160deg,#c6f5ff0b,transparent 55%),#030813bd;
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  box-shadow:inset 0 1px 0 #c3f9ff1c,0 0 18px #00cfff10;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.header .contact-link:is(:hover,:focus-visible) {
  border-color:#70efff;background-color:#05202acc;
  box-shadow:inset 0 1px 0 #c3f9ff22,0 0 24px #00cfff30;
}
.header .neon-letter {animation:none;color:#f7fafc;text-shadow:none}
.header .nav-halo {display:none}
.header .neon-link:is(:hover,:focus-visible) {transform:none}
.header :is(a,button):focus-visible {outline:2px solid #a2f4ff;outline-offset:5px}
@media (max-width:1150px) {
  .header {gap:18px;padding-inline:28px;height:112px}
  .header .brand {width:190px}
  .header .contact-link {display:none}
  .header .desktop-nav {gap:8px;padding:6px 12px}
  .header .desktop-nav a {font-size:13px;padding-inline:12px}
}
@media (max-width:700px), (orientation:landscape) and (max-height:540px) and (max-width:1100px) {
  .header {height:88px;padding:8px max(20px,env(safe-area-inset-left));gap:16px}
  .header .brand {width:156px}
  .header .desktop-nav,.header .contact-link {display:none}
  .header .menu-toggle {display:grid;margin-left:auto;background:#040813b8;backdrop-filter:blur(18px);border-color:#afdaec52;box-shadow:inset 0 1px 0 #fff2}
}
@media (orientation:landscape) and (max-height:540px) {
  .header {height:70px;padding-block:5px}
  .header .brand {width:124px}
}
@media (prefers-reduced-motion:reduce) {
  .header .desktop-nav a::after,.header .contact-link,.header .desktop-nav::before {transition:none}
}