.app-nav{--app-accent: #d0bcff;--app-ink: #211532;--app-surface: #19151f;position:sticky;top:12px;z-index:20;display:flex;flex-wrap:nowrap;align-items:center;gap:24px;width:min(1200px,calc(100% - 64px));box-sizing:border-box;margin:20px auto 0;padding:12px 18px;border:1px solid color-mix(in srgb,var(--app-accent) 18%,transparent);border-radius:100px;background:color-mix(in srgb,var(--app-surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);isolation:isolate}.app-nav--tempo{--app-accent: #b7f397;--app-ink: #10200b;--app-surface: #0e1409}.app-nav--fontify{--app-accent: #cfbaff;--app-surface: #141217}.app-nav--cadence{--app-accent: #c6a5ff;--app-surface: #20172b;background:#20172b7a}.app-nav a{display:inline-flex;align-items:center;min-height:48px;text-decoration:none;color:#f4eef9}.app-nav .app-nav-brand{gap:10px;flex-shrink:0;font-size:22px;font-weight:600;letter-spacing:-.04em}.app-nav-brand img{width:36px;height:36px;object-fit:contain}.app-nav>.app-nav-panel{display:block;margin-left:auto;min-width:0}.app-nav-links{display:flex;align-items:center;gap:20px}.app-nav .app-nav-links>a{font-size:14px;color:#f4eef9}.app-nav-links>a:hover{color:var(--app-accent)}.app-nav .app-nav-links>.app-nav-download{padding:0 20px;border-radius:28px;background:var(--app-accent);color:var(--app-ink)!important;font-weight:600}.app-nav-socials{display:flex;gap:8px}.app-nav .app-nav-social{width:48px;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--app-accent) 16%,var(--app-surface));color:var(--app-accent)!important;transition:border-radius .25s,background .25s}.app-nav .app-nav-instagram{background:#48263c;color:#ffb4da!important}.app-nav-social:hover{border-radius:16px}.app-nav :is(a,button):focus-visible{outline:3px solid var(--app-accent);outline-offset:4px}.app-nav-toggle{display:none}.cadence-shell>.app-nav,.fontify-shell>.app-nav{width:min(1200px,100%);margin-top:0}.cadence-shell [id],.fontify-shell [id]{scroll-margin-top:100px}#aperture-theme>main{scroll-margin-top:100px}.app-nav--cadence>.cadence-container-glass{z-index:-1}@media(max-width:1000px){.app-nav{flex-wrap:wrap;gap:0;top:8px;padding:8px 14px;width:calc(100% - 32px);border-radius:32px;transition:border-radius .35s}.app-nav.is-open{border-radius:28px}.app-nav .app-nav-brand{font-size:20px}.app-nav-toggle{border:0;width:48px;height:48px;margin-left:auto;border-radius:50%;background:var(--app-accent);color:var(--app-ink);cursor:pointer}.app-nav.is-enhanced .app-nav-toggle{display:grid;place-content:center;gap:5px}.app-nav-toggle span{width:20px;height:2px;background:currentColor;transition:transform .35s,opacity .2s}.is-open .app-nav-toggle span:first-child{transform:translateY(7px) rotate(45deg)}.is-open .app-nav-toggle span:nth-child(2){opacity:0}.is-open .app-nav-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}.app-nav>.app-nav-panel{width:100%;display:grid;grid-template-rows:1fr}.app-nav.is-enhanced .app-nav-panel{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1),visibility .4s}.app-nav.is-open .app-nav-panel{grid-template-rows:1fr;visibility:visible}.app-nav-links{overflow:hidden;min-height:0;flex-direction:column;align-items:stretch;gap:0}.app-nav.is-open .app-nav-links{max-height:calc(100dvh - 100px);overflow-y:auto}.app-nav .app-nav-links>a{padding-inline:12px;font-size:16px}.app-nav-links>a:first-child{margin-top:12px}.app-nav .app-nav-download{justify-content:center;margin:8px 0}.app-nav-socials{justify-content:center;padding:4px 0 12px}}@media(prefers-reduced-motion:reduce){.app-nav,.app-nav-panel,.app-nav-social,.app-nav-toggle span{transition:none!important}}