@charset "UTF-8";
.header-main { position:relative; z-index:70; border-bottom:0; }
.masthead { height:98px; gap:28px; }
.masthead-brand { flex-shrink:0; }
.masthead-brand .brand { width:190px; }
.masthead-brand>p { margin-top:8px; font:400 7px/1.5 var(--technical); letter-spacing:1.65px; color:#8195a5; white-space:nowrap; }
.masthead-search { flex:1; min-width:0; height:44px; margin-inline:20px; border:1px solid #dce6ef; border-radius:3px; padding-left:0; background:#f5f8fa; }
.search-prefix { color:#6e8598; padding:0 14px; border-right:1px solid #d6e1ea; margin-right:14px; font:500 7px/1.5 var(--technical); letter-spacing:1px; white-space:nowrap; }
.masthead-search input { font-size:11px; }
.masthead-search button { width:44px; flex-shrink:0; background:var(--navy); color:#fff; border-radius:0 2px 2px 0; }
.masthead-search button:hover { background:var(--blue); }
.masthead-search:focus-within { border-color:#6aa5df; background:#fff; }
.masthead-contact { display:flex; gap:10px; align-items:center; white-space:nowrap; }
.masthead-contact>.icon { width:21px; height:21px; color:var(--blue); stroke-width:1.5; }
.masthead-contact small { display:block; color:#8094a5; font-size:9px; line-height:1.5; }
.masthead-contact strong { display:block; color:var(--navy); font-size:13px; letter-spacing:.2px; line-height:1.8; }
.masthead .nav-quote { margin:0; min-height:44px; padding-inline:17px; font-size:11px; gap:17px; border-radius:2px 10px 2px 2px; }
.masthead .nav-quote .icon { width:16px; height:16px; }
.nav-deck { background:var(--navy); color:#fff; }
.nav-deck-inner { display:flex; align-items:stretch; justify-content:space-between; gap:28px; height:52px; }
.nav-deck .primary-nav { height:100%; flex-shrink:0; margin:0; gap:0; justify-content:flex-start; }
.nav-deck .nav-item { gap:0; border-left:1px solid #ffffff0e; transition:background .2s; }
.nav-deck .nav-item:last-child { border-right:1px solid #ffffff0e; }
.nav-deck .nav-item.is-current,.nav-deck .nav-item:hover,.nav-deck .nav-item.is-open { background:#ffffff0d; }
.nav-deck .nav-link { color:#c9d9e8; font-size:11px; gap:9px; padding-inline:19px; }
.nav-deck .nav-link>.icon { width:15px; height:15px; color:#8fb4d5; stroke-width:1.4; }
.nav-deck .has-dropdown .nav-link { padding-right:5px; }
.nav-deck .dropdown-toggle { color:#adc7dd; padding:11px 15px 11px 5px; }
.nav-deck .dropdown-toggle:hover { color:#fff; }
.nav-deck .nav-link:hover,.nav-deck .nav-link.active { color:#fff; }
.nav-deck .nav-link:after { left:19px; right:19px; bottom:0; height:2px; width:auto; background:#63b4ff; transform:scaleX(0); transform-origin:left; transition:transform .22s; }
.nav-deck .has-dropdown .nav-link:after { right:5px; }
.nav-deck .nav-link.active:after,.nav-deck .nav-link:hover:after { width:auto; transform:scaleX(1); }
.nav-deck .nav-dropdown { left:0; right:auto; top:100%; border-top:2px solid #4aa6ff; border-radius:0 0 4px 4px; }
.nav-deck .usage-shortcuts { flex:none; gap:23px; padding-left:25px; margin-left:auto; border-left:1px solid #ffffff17; }
.nav-deck .usage-shortcuts>a { gap:7px; color:#b5cbde; font-size:9px; }
.nav-deck .usage-shortcuts>a>.icon:first-child { display:block; width:14px; height:14px; color:#7ba3c5; stroke-width:1.4; }
.nav-deck .usage-shortcuts>a>.icon:last-child { display:block; width:10px; height:10px; color:#9dcbf5; opacity:0; transform:translateX(-3px); transition:opacity .2s,transform .2s; }
.nav-deck .usage-shortcuts>a:hover { color:#fff; }
.nav-deck .usage-shortcuts>a:hover>.icon:last-child,.nav-deck .usage-shortcuts>a:focus-visible>.icon:last-child { opacity:1; transform:translateX(0); }
.floating-header { border-top:2px solid var(--blue); }
.floating-header .masthead-brand .brand { width:174px; }
.floating-header .primary-nav { gap:26px; }
.floating-header .nav-link>.icon { width:15px; height:15px; color:var(--blue); margin-right:7px; }
.floating-header .nav-dropdown { left:-105px; right:auto; top:100%; }
@media(max-width:1180px) {
  .masthead { gap:23px; }
  .masthead-brand .brand { width:180px; }
  .masthead-search { margin-inline:5px; }
  .search-prefix { display:none; }
  .masthead-search input { padding-left:15px; }
  .masthead-contact { gap:8px; }
  .masthead-contact strong { font-size:12px; }
  .nav-deck-inner { gap:18px; }
  .nav-deck .nav-link { font-size:10px; padding-inline:15px; gap:7px; }
  .nav-deck .nav-link:after { left:15px; right:15px; }
  .nav-deck .dropdown-toggle { padding-right:12px; }
  .nav-deck .usage-shortcuts { padding-left:18px; gap:14px; }
  .nav-deck .usage-shortcuts>a { gap:5px; font-size:8px; }
  .nav-deck .usage-shortcuts>a>.icon:last-child { display:none; }
  .floating-header .primary-nav { gap:20px; }
}
@media(max-width:980px) {
  .masthead { height:84px; gap:18px; }
  .masthead-contact { display:none; }
  .masthead-search { margin:0; height:41px; }
  .masthead .nav-quote { min-height:41px; font-size:10px; padding-inline:14px; gap:12px; }
  .masthead .menu-toggle { flex-shrink:0; }
  .nav-deck-inner { height:42px; }
  .nav-deck .usage-shortcuts { display:flex; width:100%; border:0; padding:0; justify-content:space-between; gap:20px; }
  .nav-deck .usage-shortcuts>a { font-size:10px; }
  .nav-deck .usage-shortcuts>a>.icon:first-child { display:block; width:14px; height:14px; }
  .nav-deck .primary-nav { height:auto; max-height:calc(100dvh - 127px); margin:0; background:#fff; padding:12px 24px 24px; border-bottom:1px solid var(--line); }
  .nav-deck .nav-item { border:0; }
  .nav-deck .nav-item:last-child { border:0; }
  .nav-deck .nav-item.is-current,.nav-deck .nav-item:hover,.nav-deck .nav-item.is-open { background:transparent; }
  .nav-deck .nav-link { color:var(--navy); font-size:13px; padding:10px 0; min-height:47px; }
  .nav-deck .nav-link:hover,.nav-deck .nav-link.active { color:var(--blue); }
  .nav-deck .nav-link:after { display:none; }
  .nav-deck .nav-link>.icon { color:var(--blue); width:17px; height:17px; margin-right:2px; }
  .nav-deck .dropdown-toggle { color:var(--navy); padding:8px; }
  .nav-deck .dropdown-toggle:hover { color:var(--blue); }
  .nav-deck .nav-dropdown { position:static; left:auto; right:auto; top:auto; border:1px solid var(--line); border-top:2px solid #8cbcf0; border-radius:3px; }
  .floating-header .primary-nav { gap:0; max-height:calc(100dvh - 70px); }
  .floating-header .nav-link>.icon { width:17px; height:17px; }
  .floating-header .nav-dropdown { position:static; left:auto; right:auto; top:auto; }
  .floating-header .menu-toggle { flex-shrink:0; }
}
@media(max-width:680px) {
  .masthead { height:auto; min-height:0; padding-block:17px 13px; flex-wrap:wrap; gap:13px 12px; }
  .masthead-brand { margin-right:auto; }
  .masthead-brand .brand { width:156px; }
  .masthead-brand>p { margin-top:5px; font-size:6px; letter-spacing:1.1px; }
  .masthead-search { order:4; flex:0 0 100%; height:40px; }
  .masthead-search input { font-size:11px; }
  .masthead-search button { width:42px; }
  .masthead .nav-quote { min-height:37px; padding:10px 11px; font-size:9px; gap:9px; }
  .masthead .nav-quote .icon { width:13px; height:13px; }
  .masthead .menu-toggle { width:36px; height:37px; }
  .nav-deck-inner { height:41px; width:100%; gap:0; }
  .nav-deck .usage-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
  .nav-deck .usage-shortcuts>a { height:100%; justify-content:center; padding-inline:5px; font-size:8px; gap:5px; border-right:1px solid #ffffff12; }
  .nav-deck .usage-shortcuts>a:last-child { border:0; }
  .nav-deck .usage-shortcuts>a>.icon:first-child { width:12px; height:12px; }
  .nav-deck .primary-nav { padding-inline:18px; max-height:calc(100dvh - 165px); }
  .floating-header .masthead-brand .brand { width:156px; }
  .floating-header .nav-main { gap:12px; }
  .floating-header .nav-quote { margin-left:auto; }
  .floating-header .primary-nav { max-height:calc(100dvh - 67px); }
}
@media(max-width:370px) {
  .masthead { gap:12px 9px; }
  .masthead-brand .brand,.floating-header .masthead-brand .brand { width:130px; }
  .masthead-brand>p { font-size:5px; letter-spacing:.9px; }
  .masthead .nav-quote { font-size:8px; padding-inline:10px; }
  .masthead .nav-quote .icon { display:none; }
  .masthead .menu-toggle { width:32px; height:35px; }
  .nav-deck .usage-shortcuts>a>.icon:first-child { display:none; }
  .floating-header .nav-main { gap:9px; }
}
@media(prefers-reduced-motion:reduce) {
  .nav-deck .nav-item,.nav-deck .nav-link:after,.nav-deck .usage-shortcuts>a>.icon:last-child { transition:none; }
}