.card-nav-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);width:calc(100% - 2rem);max-width:80rem;z-index:99;box-sizing:border-box}.card-nav{display:block;height:76px;padding:0;border:1px solid color-mix(in srgb,var(--border) 45%,transparent);border-radius:1.5rem;box-shadow:0 10px 30px -16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.32),inset 0 0 0 1px rgba(255,255,255,.06);position:relative;overflow:hidden;will-change:height;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);animation:sento-nav-in .7s cubic-bezier(.22,1,.36,1) both;transition:background-color .4s ease,box-shadow .4s ease,border-color .4s ease}@keyframes sento-nav-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.card-nav{animation:none}}.card-nav.scrolled{background-color:color-mix(in srgb,var(--card) 62%,transparent)!important;border-color:color-mix(in srgb,var(--border) 80%,transparent);box-shadow:0 18px 44px -18px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.34),inset 0 0 0 1px rgba(255,255,255,.05);-webkit-backdrop-filter:blur(28px) saturate(195%);backdrop-filter:blur(28px) saturate(195%)}.card-nav.scrolled:before{background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 58%),radial-gradient(130% 100% at 0 0,rgba(255,255,255,.16),transparent 45%)}.card-nav:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.02) 55%,rgba(255,255,255,.06)),radial-gradient(120% 130% at 12% -10%,rgba(255,255,255,.18),transparent 50%),radial-gradient(60% 80% at 92% 110%,rgba(255,255,255,.08),transparent 55%)}.card-nav-top{position:absolute;top:0;left:0;right:0;height:76px;justify-content:space-between;padding:.5rem .6rem .5rem 1.5rem;z-index:2}.card-nav-top,.hamburger-menu{display:flex;align-items:center}.hamburger-menu{height:100%;flex-direction:column;justify-content:center;cursor:pointer;gap:6px}.hamburger-menu:hover .hamburger-line{opacity:.75}.hamburger-line{width:30px;height:2px;background-color:currentColor;transition:transform .25s ease,opacity .2s ease,margin .3s ease;transform-origin:50% 50%}.hamburger-menu.open .hamburger-line:first-child{transform:translateY(4px) rotate(45deg)}.hamburger-menu.open .hamburger-line:last-child{transform:translateY(-4px) rotate(-45deg)}.logo-container{display:flex;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.logo{height:56px;width:auto}.card-nav-right{gap:.5rem}.card-nav-cta-button,.card-nav-right{display:inline-flex;align-items:center;height:100%}.card-nav-cta-button{border:none;border-radius:999px;padding:0 1.4rem;font-weight:600;cursor:pointer;transition:opacity .3s ease,transform .15s ease}.card-nav-cta-button:hover{opacity:.9}.card-nav-cta-button:active{transform:scale(.96)}.card-nav-content{position:absolute;left:0;right:0;top:76px;bottom:0;padding:.5rem;display:flex;align-items:flex-end;gap:12px;visibility:hidden;pointer-events:none;z-index:1}.card-nav.open .card-nav-content{visibility:visible;pointer-events:auto}.nav-card{height:100%;flex:1 1 0;min-width:0;border-radius:calc(.75rem - .2rem);position:relative;display:flex;flex-direction:column;padding:12px 16px;gap:8px;user-select:none}.nav-card-label{font-weight:500;font-size:22px;letter-spacing:-.5px}.nav-card-links{margin-top:auto;display:flex;flex-direction:column;gap:2px}.nav-card-link{font-size:15px;cursor:pointer;text-decoration:none;transition:opacity .3s ease;display:inline-flex;align-items:center;gap:6px;color:inherit}.nav-card-link:hover{opacity:.75}.nav-card-link-icon{width:16px;height:16px}@media (min-width:640px){.card-nav-container{width:calc(100% - 3rem)}}@media (max-width:768px){.card-nav-container{top:.75rem}.card-nav-top{padding:.5rem 1rem;justify-content:space-between}.hamburger-menu{order:2}.logo-container{position:static;transform:none;order:1}.card-nav-cta-button{display:none}.card-nav-right{order:3;height:auto}.card-nav-content{flex-direction:column;align-items:stretch;gap:8px;padding:.5rem;bottom:0;justify-content:flex-start}.nav-card{height:auto;min-height:60px;flex:1 1 auto}.nav-card-label{font-size:18px}.nav-card-link{font-size:14px}}