@import url("./mineral-surface.css");
/* Approved sculpted contour, resized for the complete site. */
#kb-navigation{position:fixed;z-index:90;top:20px;left:50%;width:min(1160px,calc(100% - 48px));transform:translateX(-50%);display:block;height:auto;padding:0;border:0;box-shadow:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-family:'Libre Franklin',Arial,sans-serif;color:#236487;isolation:isolate}
#kb-navigation *{box-sizing:border-box}
#kb-navigation .kb-bar{--light:35%;position:relative;display:flex;align-items:center;gap:12px;width:100%;height:80px;padding:7px 18px 9px 9px;border-radius:48px;background:var(--kb-mineral-base);background-image:var(--kb-mineral-nav);border:1px solid #fff;box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #93b0b84d,0 3px 0 #b8cdd2,0 5px 0 #23648795,0 12px 22px -12px #173e4f55}
#kb-navigation .kb-bar::before{content:'';position:absolute;inset:3px 5px 6px;border-radius:inherit;background:radial-gradient(ellipse at var(--light) 0%,#fff5,transparent 63%);border:1px solid #ffffff90;pointer-events:none}
#kb-navigation .nav-logo{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;margin:0;padding:0;border-radius:50%;background:radial-gradient(ellipse at 30% 10%,#5294b1,#236487 55%,#173e4f);border:1px solid #e1f1f870;box-shadow:inset 0 2px 1px #b8dbe9,0 3px 0 #164562,0 7px 10px -5px #173e4f70;z-index:4;transform:translateY(-3px);transition:transform .35s cubic-bezier(.22,1,.36,1)}
#kb-navigation .nav-logo img{position:static;width:35px;height:41px;object-fit:contain;opacity:1!important;filter:brightness(0) invert(1)}
#kb-navigation .nav-logo::before,#kb-navigation .nav-logo::after{display:none}
#kb-navigation .nav-logo:hover{transform:translateY(-5px) rotate(-5deg)}
#kb-navigation .nav-logo:active{transform:translateY(1px) scale(.94)}
#kb-navigation .kb-space{flex:1}
#kb-navigation .kb-items{position:relative;display:flex;align-items:center;gap:5px;height:100%;z-index:3;margin:0;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
#kb-navigation .kb-item{position:relative;isolation:isolate;display:grid;place-items:center;min-width:84px;height:60px;padding:0 16px;color:inherit;font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.08em;text-decoration:none;white-space:nowrap;border-radius:28px;transition:transform .38s cubic-bezier(.22,1,.36,1)}
#kb-navigation .kb-item::before{content:'';position:absolute;inset:3px 3px 6px;z-index:-1;border-radius:25px;background:linear-gradient(145deg,#ffffffc4,#dce8ed99);box-shadow:inset 0 1px #fff,0 5px 10px -8px #236487aa;opacity:0;transition:opacity .25s}
#kb-navigation .kb-item[aria-current],#kb-navigation .kb-item.kb-hover{transform:translateY(-4px)}
#kb-navigation .kb-item[aria-current]::before,#kb-navigation .kb-item.kb-hover::before{opacity:1}
#kb-navigation .kb-item.kb-pressed{transform:translateY(1px) scale(1.035,.96)}
#kb-navigation .kb-contour{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
#kb-navigation .theme-toggle{display:grid;place-items:center;flex:0 0 44px;min-height:44px;height:44px;padding:0;border:0;border-radius:24px;background:none;cursor:pointer;z-index:4;color:inherit}
#kb-navigation .theme-toggle-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
#kb-navigation .theme-toggle-track{position:relative;display:block;width:34px;height:20px;border-radius:20px;background:#236487;border:1px solid #23648745;box-shadow:inset 0 1px 3px #173e4f30;transition:background .4s}
#kb-navigation .theme-toggle-track::after{content:'';position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#F2EFE7;transition:transform .4s cubic-bezier(.22,1,.36,1)}
#kb-navigation .theme-toggle[aria-checked=true] .theme-toggle-track{background:#F2EFE7}
#kb-navigation .theme-toggle[aria-checked=true] .theme-toggle-track::after{background:#236487;transform:translateX(14px)}
#kb-navigation .phone-preview-toggle{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:44px;margin:0;padding:8px;order:0;background:none;border:0;color:inherit}
#kb-navigation .phone-preview-toggle svg{width:16px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3}
#kb-navigation .phone-preview-toggle span{display:none}
#kb-navigation .menu-toggle{display:none}
#kb-navigation a:focus-visible,#kb-navigation button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
:root[data-theme=azure] #kb-navigation{color:#F2EFE7}
:root[data-theme=azure] #kb-navigation .kb-bar{background:linear-gradient(160deg,#397c9b,#236487 68%,#205b7a);border-color:#f2efe769;box-shadow:inset 0 2px 1px #a7d1e069,inset 0 -2px 2px #12394d,0 3px 0 #8ab6c880,0 5px 0 #173e4f90,0 12px 22px -12px #102f4660}
:root[data-theme=azure] #kb-navigation .kb-bar::before{background:radial-gradient(ellipse at var(--light) 0%,#ecf7fc20,transparent 63%);border-color:#ffffff2d}
:root[data-theme=azure] #kb-navigation .kb-item::before{background:linear-gradient(145deg,#5b9fbb80,#26729466);box-shadow:inset 0 1px #e6f2f980,0 5px 10px -8px #102f46}
@media(max-width:850px){
 #kb-navigation{top:calc(12px + env(safe-area-inset-top,0px));width:calc(100% - 24px)}
 #kb-navigation .kb-bar{height:62px;padding:5px 7px 7px 6px;gap:4px}
 #kb-navigation .nav-logo{flex:0 0 40px;width:40px;height:40px}
 #kb-navigation .nav-logo img{width:24px;height:29px}
 #kb-navigation .kb-space,#kb-navigation .phone-preview-toggle{display:none}
 #kb-navigation .kb-items{position:relative;inset:auto;display:flex;flex:1;flex-direction:row;min-width:0;width:auto;align-items:center;justify-content:space-evenly;height:100%;gap:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
 #kb-navigation .kb-item{min-width:0;min-height:44px;height:44px;padding:0 4px;font-size:clamp(10px,2.65vw,12px);font-weight:600;letter-spacing:.015em;border-radius:20px}
 #kb-navigation .kb-item::before{inset:3px 0 5px}
 #kb-navigation .kb-item[aria-current],#kb-navigation .kb-item.kb-hover{transform:translateY(-2px)}
 #kb-navigation .kb-item.kb-pressed{transform:translateY(1px) scale(.98)}
 #kb-navigation .kb-contour{opacity:.7}
 #kb-navigation .theme-toggle{flex:0 0 44px;width:44px;min-width:44px}
 #kb-navigation .theme-toggle-track{width:28px;height:18px}
 #kb-navigation .theme-toggle-track::after{width:12px;height:12px}
 #kb-navigation .theme-toggle[aria-checked=true] .theme-toggle-track::after{transform:translateX(10px)}
}
@media(max-width:350px){#kb-navigation .kb-bar{gap:2px}#kb-navigation .kb-item{padding-inline:2px}#kb-navigation .nav-logo{flex-basis:34px;width:34px;height:34px}#kb-navigation .nav-logo img{width:21px;height:25px}}
@media(prefers-reduced-motion:reduce){#kb-navigation *,#kb-navigation *::before{animation:none!important;transition:none!important}}

/* Highlight and raised rim share the canvas geometry and motion. */
#kb-navigation .kb-item::before{display:none}
#kb-navigation .kb-item[aria-current],#kb-navigation .kb-item.kb-hover{transform:none}
#kb-navigation .kb-item.kb-pressed{transform:scale(.97)}

/* Manufacturing disclosure; all three primary links remain visible on phones. */
#kb-navigation .kb-dropdown{position:relative;display:block;height:100%;align-content:center}
#kb-navigation .kb-dropdown-trigger{list-style:none;display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;cursor:pointer;line-height:1.2}
#kb-navigation .kb-dropdown-trigger svg{width:12px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0;transition:transform .2s}
#kb-navigation .kb-dropdown[data-open="true"] .kb-dropdown-trigger svg{transform:rotate(180deg)}
#kb-navigation .kb-submenu{position:absolute;top:calc(100% - 1px);left:50%;transform:translateX(-50%);width:178px;padding:8px;border:1px solid #fff;border-radius:20px;background:var(--kb-mineral-base);background-image:var(--kb-mineral-nav);box-shadow:0 10px 25px -12px #173e4f70;color:#236487;z-index:10}
#kb-navigation .kb-submenu[hidden]{display:none}
#kb-navigation .kb-submenu-link{display:flex;align-items:center;min-height:52px;padding:14px 18px;border-radius:13px;color:inherit;text-decoration:none;font:500 12px/1.4 'Libre Franklin',Arial,sans-serif;letter-spacing:.04em}
#kb-navigation .kb-submenu-link:hover,#kb-navigation .kb-submenu-link:focus-visible,#kb-navigation .kb-submenu-link[aria-current]{background:#23648712}
:root[data-theme=azure] #kb-navigation .kb-submenu{background:linear-gradient(160deg,#397c9b,#236487 68%,#205b7a);color:#F2EFE7;border-color:#f2efe769}
:root[data-theme=azure] #kb-navigation .kb-submenu-link:hover,:root[data-theme=azure] #kb-navigation .kb-submenu-link:focus-visible,:root[data-theme=azure] #kb-navigation .kb-submenu-link[aria-current]{background:#f2efe71a}
@media(max-width:850px){#kb-navigation .kb-dropdown-trigger{gap:3px}#kb-navigation .kb-dropdown-trigger svg{width:12px;height:16px}#kb-navigation .kb-submenu{left:0;transform:none;top:calc(100% + 2px);width:190px}}

#kb-navigation .kb-item,#kb-navigation .kb-submenu-link{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* Decoration stays outside the menu hit targets. */
#kb-navigation .kb-dropdown[data-enhanced="true"]:not([data-open="true"])>.kb-submenu{display:none}
#kb-navigation .kb-dropdown[data-open="true"]{z-index:10}
#kb-navigation .kb-submenu{pointer-events:auto;isolation:isolate}
#kb-navigation .kb-dropdown-trigger:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#kb-navigation .theme-toggle-track{background:#a5b4b9}
#kb-navigation .theme-toggle-track::after{background:#f2efe7}
#kb-navigation .theme-toggle[aria-checked=true] .theme-toggle-track{background:#173e4f}
#kb-navigation .theme-toggle[aria-checked=true] .theme-toggle-track::after{background:#f2efe7}

#kb-navigation,#kb-navigation .kb-bar,#kb-navigation .kb-items,#kb-navigation .kb-dropdown{overflow:visible}