:root{
  --uc-nav-h:116px;
  --uc-nav-maxw:1760px;
  --uc-nav-pad:clamp(20px,4vw,64px);
}
html{scroll-padding-top:calc(var(--uc-nav-h) + 12px)}

.uc-nav{
  --uc-teal:var(--teal,var(--aqua,#0B7681));
  --uc-teal-deep:var(--teal-deep,var(--aqua-ink,#0A5A63));
  --uc-aqua:var(--aqua-2,var(--aqua,#0FA0AC));
  --uc-ink:var(--ink,#0C1A1F);
  --uc-ink-2:var(--ink-2,#33474D);
  --uc-ink-3:var(--ink-3,var(--muted,#6A7B80));
  --uc-line:var(--line,#D3DEDF);
  --uc-line-2:var(--line-2,#BECBCD);
  --uc-surface:var(--surface,#FFF);
  --uc-wash:var(--wash,#E4F0F1);
  --uc-display:var(--display,'Space Grotesk','PingFang SC','Microsoft YaHei',sans-serif);
  --uc-mono:var(--mono,'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace);
  --uc-sans:var(--sans,var(--cjk,'PingFang SC','Microsoft YaHei','Hiragino Sans GB',system-ui,-apple-system,sans-serif));
  --uc-gold-1:#96662B;
  --uc-gold-2:#CE9E5C;
  --uc-gold-3:#F0DCB4;

  position:fixed;
  inset:0 0 auto;
  z-index:1000;
  font-family:var(--uc-sans);
  background:rgba(240,245,246,.88);
  border-bottom:1px solid var(--uc-line);
  backdrop-filter:saturate(1.35) blur(14px);
  -webkit-backdrop-filter:saturate(1.35) blur(14px);
  transition:background .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.uc-nav.is-scrolled{
  background:rgba(255,255,255,.96);
  border-bottom-color:transparent;
  box-shadow:0 1px 2px rgba(12,26,31,.05),0 16px 34px -26px rgba(12,26,31,.45);
}
.uc-nav *{box-sizing:border-box}
.uc-nav a{text-decoration:none;color:inherit}
.uc-nav :focus-visible{outline:2px solid var(--uc-teal);outline-offset:3px;border-radius:6px}
.uc-nav-spacer{height:var(--uc-nav-h)}

.uc-nav-top,
.uc-nav-bottom-inner{
  width:min(100%,var(--uc-nav-maxw));
  margin:auto;
  padding-inline:var(--uc-nav-pad);
}
.uc-nav-top{
  height:66px;
  display:flex;
  align-items:center;
  gap:clamp(22px,3vw,52px);
}
.uc-nav-bottom{
  height:50px;
  border-top:1px solid rgba(190,203,205,.64);
}
.uc-nav-bottom-inner{
  height:100%;
  display:flex;
  align-items:center;
  gap:24px;
}

.uc-brand{
  display:flex;
  align-items:center;
  gap:14px;
  flex:none;
}
.uc-brand-logo{display:block;width:auto;height:31px}
.uc-brand-line{width:1px;height:28px;background:var(--uc-line-2)}
.uc-brand-name{
  color:var(--uc-ink);
  font-size:18px;
  font-weight:650;
  letter-spacing:.08em;
  white-space:nowrap;
}

.uc-positioning{
  min-width:0;
  flex:1 1 auto;
  padding-left:clamp(4px,1.5vw,22px);
  border-left:1px solid var(--uc-line);
}
.uc-positioning b{
  display:block;
  overflow:hidden;
  color:var(--uc-ink);
  font-family:var(--uc-display);
  font-size:clamp(16px,1.25vw,20px);
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.uc-positioning span{
  display:block;
  margin-top:3px;
  color:var(--uc-ink-3);
  font-size:11.5px;
  letter-spacing:.04em;
  white-space:nowrap;
}

.uc-contact{
  display:grid;
  grid-template-columns:42px auto;
  grid-template-areas:"ic label" "ic phone" "ic site";
  align-items:center;
  column-gap:11px;
  flex:none;
  min-width:205px;
}
.uc-contact-icon{
  grid-area:ic;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(11,118,129,.22);
  border-radius:50%;
  color:var(--uc-teal-deep);
  background:rgba(255,255,255,.7);
}
.uc-contact-icon svg{width:20px;height:20px}
.uc-contact-label{
  grid-area:label;
  color:var(--uc-ink-3);
  font-size:10px;
  line-height:1.2;
  letter-spacing:.08em;
}
.uc-contact-phone{
  grid-area:phone;
  color:var(--uc-ink);
  font-family:var(--uc-mono);
  font-size:16px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.015em;
}
.uc-contact-site{
  grid-area:site;
  margin-top:1px;
  color:var(--uc-teal-deep);
  font-size:10.5px;
  line-height:1.2;
}
.uc-contact-phone:hover,
.uc-contact-site:hover{color:var(--uc-teal)}

.uc-nav-links{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(18px,2vw,34px);
  flex:1 1 auto;
  min-width:0;
  margin:0;
  padding:0;
  list-style:none;
}
.uc-nav-item{
  position:relative;
  height:100%;
  display:flex;
  align-items:center;
}
.uc-nav-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 0;
  color:var(--uc-ink-2);
  font-size:14.5px;
  font-weight:500;
  letter-spacing:.02em;
  white-space:nowrap;
}
.uc-nav-link:hover,
.uc-nav-item.is-active>.uc-nav-link{color:var(--uc-teal-deep)}
.uc-nav-link::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-4px;
  left:0;
  height:2px;
  border-radius:2px;
  background:var(--uc-teal);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
}
.uc-nav-link:hover::after,
.uc-nav-item.is-active>.uc-nav-link::after{transform:scaleX(1)}
.uc-caret{width:11px;height:11px;opacity:.55}

.uc-sub{
  position:absolute;
  top:100%;
  left:-14px;
  min-width:206px;
  margin:0;
  padding:8px;
  list-style:none;
  visibility:hidden;
  opacity:0;
  transform:translateY(6px);
  border:1px solid var(--uc-line);
  border-radius:12px;
  background:var(--uc-surface);
  box-shadow:0 18px 36px -24px rgba(12,26,31,.34);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.uc-nav-item:hover>.uc-sub,
.uc-nav-item:focus-within>.uc-sub{
  visibility:visible;
  opacity:1;
  transform:none;
}
.uc-sub a{
  display:block;
  padding:9px 13px;
  border-radius:8px;
  color:var(--uc-ink-2);
  font-size:14px;
  line-height:1.45;
}
.uc-sub a:hover{color:var(--uc-teal-deep);background:var(--uc-wash)}
.uc-sub-toggle{display:none}

.uc-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:none;
  padding:10px 17px;
  border-radius:100px;
  color:#fff!important;
  background:var(--uc-teal);
  font-family:var(--uc-display);
  font-size:13.5px;
  font-weight:600;
  white-space:nowrap;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.uc-cta svg{width:15px;height:15px}
.uc-cta:hover{
  background:var(--uc-teal-deep);
  transform:translateY(-1px);
  box-shadow:0 12px 22px -14px rgba(10,90,99,.8);
}

.uc-mobile-actions,
.uc-contact-mobile,
.uc-toggle{display:none}

@media (max-width:1499px) and (min-width:1340px){
  .uc-nav-top{gap:22px}
  .uc-positioning b{font-size:15.5px}
  .uc-positioning span{font-size:10.5px}
  .uc-contact{min-width:190px}
  .uc-contact-phone{font-size:14.5px}
  .uc-nav-links{gap:18px}
  .uc-nav-link{font-size:13.3px}
  .uc-cta{padding:0;width:40px;height:40px;justify-content:center}
  .uc-cta-label{display:none}
}

@media (max-width:1339px){
  :root{--uc-nav-h:64px}
  .uc-nav-top{height:64px;justify-content:space-between;gap:14px}
  .uc-brand{gap:10px}
  .uc-brand-logo{height:26px}
  .uc-brand-name{font-size:17px}
  .uc-brand-line{height:24px}
  .uc-positioning,
  .uc-contact-desktop{display:none}
  .uc-mobile-actions{display:flex;align-items:center;gap:8px}
  .uc-call{
    width:42px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--uc-line-2);
    border-radius:10px;
    color:var(--uc-teal-deep);
    background:rgba(255,255,255,.45);
  }
  .uc-call svg{width:19px;height:19px}
  .uc-toggle{
    width:42px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid var(--uc-line-2);
    border-radius:10px;
    color:var(--uc-ink);
    background:none;
    cursor:pointer;
  }
  .uc-toggle svg{width:20px;height:20px}
  .uc-toggle .uc-close{display:none}
  .uc-nav.is-open .uc-toggle .uc-menu{display:none}
  .uc-nav.is-open .uc-toggle .uc-close{display:block}

  .uc-nav-bottom{
    position:absolute;
    top:64px;
    right:0;
    left:0;
    height:auto;
    max-height:calc(100vh - 64px);
    display:none;
    overflow:auto;
    border-top:1px solid var(--uc-line);
    border-bottom:1px solid var(--uc-line);
    background:var(--uc-surface);
    box-shadow:0 22px 40px -30px rgba(12,26,31,.5);
  }
  .uc-nav.is-open .uc-nav-bottom{display:block}
  .uc-nav-bottom-inner{
    height:auto;
    display:block;
    padding-top:8px;
    padding-bottom:20px;
  }
  .uc-nav-links{
    height:auto;
    display:block;
  }
  .uc-nav-item{
    height:auto;
    display:block;
    border-bottom:1px solid var(--uc-line);
  }
  .uc-nav-link{
    width:100%;
    padding:14px 0;
    font-size:15.5px;
  }
  .uc-nav-link::after,
  .uc-caret{display:none}
  .uc-sub-toggle{
    position:absolute;
    top:4px;
    right:-8px;
    width:44px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    color:var(--uc-ink-3);
    background:none;
    cursor:pointer;
  }
  .uc-sub-toggle svg{width:14px;height:14px;transition:transform .18s ease}
  .uc-nav-item.is-expanded .uc-sub-toggle svg{transform:rotate(180deg)}
  .uc-sub{
    position:static;
    min-width:0;
    display:none;
    visibility:visible;
    opacity:1;
    transform:none;
    margin:0 0 10px 2px;
    padding:2px 0 4px 14px;
    border:0;
    border-left:2px solid var(--uc-line);
    border-radius:0;
    box-shadow:none;
    background:transparent;
  }
  .uc-nav-item.is-expanded>.uc-sub{display:block}
  .uc-contact-mobile{
    margin-top:16px;
    padding:12px 14px;
    display:grid;
    border:1px solid var(--uc-line);
    border-radius:12px;
    background:var(--uc-wash);
  }
  .uc-contact-mobile .uc-contact-icon{background:var(--uc-surface)}
  .uc-contact-mobile .uc-contact-phone{font-size:15px}
  .uc-cta{
    width:100%;
    margin-top:10px;
    justify-content:center;
    padding:13px 20px;
    font-size:14.5px;
  }
  .uc-cta:hover{transform:none}
}

@media (max-width:420px){
  .uc-brand-logo{height:22px}
  .uc-brand-name{font-size:15.5px;letter-spacing:.04em}
}

@media (prefers-reduced-motion:reduce){
  .uc-nav,.uc-nav *{transition:none!important}
}
@media print{
  .uc-nav,.uc-nav-spacer{display:none!important}
}