/* Stelar shared nav, GENERATED from index.html's nav rules by files/stelar_site/tools/nav_sync.py. Do not hand-edit.
   Pages other than the homepage link this (after auth.css) and use the homepage <header id="nav"> markup.
   Every selector is scoped with body[data-page] so auth.css cannot leak into the nav. */
body[data-page] .nav{--ink:#0e0f0c;--lime:#e0f41c;--max:1200px;--gutter:clamp(20px,4vw,40px);--ease:cubic-bezier(.16,1,.3,1);min-height:0;font:400 18px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
@media (max-width:640px){body[data-page] .nav{font-size:17px}}
@media (min-width:1024px){body[data-page] .nav{--wd-g:clamp(32px,5vw,112px);--wd-max:clamp(1280px,76vw,1880px)}}
@media (min-width:1800px){body[data-page] .nav{font-size:19px}}
@media (min-width:2400px){body[data-page] .nav{font-size:20px}}
@media (max-width:240px){body[data-page] .nav{font-size:16px;line-height:1.45}}
body[data-page] .nav img{display:block;max-width:100%}
body[data-page] .nav a,body[data-page] .nav button{cursor:pointer}
body[data-page] .nav .wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
body[data-page] .nav .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:9999px;font:600 16px/1 Inter,sans-serif;text-decoration:none;border:1px solid var(--ink);background:transparent;color:var(--ink);white-space:nowrap;transition:background .2s,color .2s,border-color .2s;will-change:transform}
body[data-page] .nav .btn:hover{background:var(--ink);color:#fff}
body[data-page] .nav .btn--lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}
body[data-page] .nav .btn--lime:hover{background:#d3e70f;border-color:#d3e70f;color:var(--ink)}
body[data-page] .nav .btn--sm{min-height:42px;padding:0 18px;font-size:15px}
body[data-page] .nav .btn span{display:inline-block;pointer-events:none}
body[data-page] .nav{position:sticky;top:0;z-index:50;background:rgba(14,15,12,1);transition:background .35s var(--ease)}
body[data-page] .nav .nav__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:72px;transition:height .35s var(--ease)}
body[data-page] .nav .logo{display:inline-flex;align-items:center;justify-self:start;min-height:44px}
body[data-page] .nav .logo img{height:30px;width:auto;transform-origin:left center;transition:transform .35s var(--ease)}
body[data-page] .nav .nav__links{display:flex;gap:2px}
body[data-page] .nav .nav__links a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:9999px;color:rgba(255,255,255,.72);text-decoration:none;font-size:15px;font-weight:500;transition:color .2s,background .2s}
body[data-page] .nav .nav__links a:hover{background:rgba(255,255,255,.08);color:#fff}
body[data-page] .nav .nav__right{display:flex;align-items:center;gap:10px;justify-self:end}
body[data-page] .nav .lang{display:inline-flex;border:1px solid rgba(255,255,255,.14);border-radius:9999px;padding:2px}
body[data-page] .nav .lang button{appearance:none;border:0;background:transparent;color:#fff;font:600 13px/1 Inter,sans-serif;min-height:38px;min-width:42px;padding:0 10px;border-radius:9999px;cursor:pointer}
body[data-page] .nav .lang button[aria-pressed=true]{background:var(--lime);color:var(--ink)}
body[data-page] .nav .progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--lime);transform-origin:0 50%;transform:scaleX(0)}
@media (max-width:900px){body[data-page] .nav .nav__links{display:none}}
@media (max-width:900px){body[data-page] .nav .nav__in{grid-template-columns:1fr auto}}
body[data-page] .nav .lang button{cursor:pointer}
body[data-page] .nav .btn{transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
body[data-page] .nav .btn--lime:hover,body[data-page] .nav .btn--lime:focus-visible{background:#c9dc0a;box-shadow:0 8px 20px rgba(201,220,10,.35)}
body[data-page] .nav .lang button{transition:background-color .2s,color .2s}
body[data-page] .nav .lang button:not([aria-pressed=true]):hover{background:rgba(127,127,127,.18)}
body[data-page] .nav a:not(.btn):hover{opacity:.7}
body[data-page] .nav .nav__links a.nl-x{display:inline-flex}
@media (max-width:1240px){body[data-page] .nav .nav__links a.nl-x{display:none}}
body[data-page] .nav .nav-acc{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:9999px;color:rgba(255,255,255,.82);text-decoration:none;font-size:15px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
body[data-page] .nav .nav-acc:hover{background:rgba(255,255,255,.08);color:#fff}
body[data-page] .nav .nav-su{white-space:nowrap}
body[data-page] .nav .nav-acc .na-s{display:none}
@media(max-width:759px){body[data-page] .nav .nav-acc{padding:0 8px;font-size:14px;min-height:38px}}
@media(max-width:759px){body[data-page] .nav .nav__right{gap:6px}}
body[data-page] #nav .logo{flex:none}
@media(max-width:480px){body[data-page] .nav .nav__right{gap:4px!important}}
@media(max-width:480px){body[data-page] .nav .nav-acc{padding:0 6px;font-size:13px}}
@media(max-width:480px){body[data-page] .nav .nav-acc .na-l{display:none}}
@media(max-width:480px){body[data-page] .nav .nav-acc .na-s{display:inline}}
@media(max-width:480px){body[data-page] .nav .nav-su{padding:0 12px!important;font-size:13px!important}}
@media(max-width:360px){body[data-page] #nav .logo img{width:64px;height:auto}}
@media(max-width:360px){body[data-page] .nav .nav__right{gap:2px!important}}
@media(max-width:360px){body[data-page] #nav .lang button{min-width:32px;padding:0 6px}}
@media(max-width:360px){body[data-page] .nav .nav-acc{padding:0 5px;font-size:12.5px}}
@media(max-width:360px){body[data-page] .nav .nav-su{padding:0 10px!important;font-size:12.5px!important}}
@media (max-width:240px){body[data-page] .nav .wrap{padding:0 10px!important;max-width:none!important}}
@media (max-width:240px){body[data-page] #nav *{animation:none!important;transition:none!important}}
@media (max-width:240px){body[data-page] #nav{position:sticky;top:0}}
@media (max-width:240px){body[data-page] #nav .nav__in{display:flex;align-items:center;justify-content:space-between;gap:6px;height:auto;min-height:52px;padding:4px 8px!important}}
@media (max-width:240px){body[data-page] #nav .nav__links,body[data-page] #nav .progress,body[data-page] #nav .nav__right>.btn{display:none!important}}
@media (max-width:240px){body[data-page] #nav .logo{min-height:44px}}
@media (max-width:240px){body[data-page] #nav .logo img{height:20px;transform:none!important}}
@media (max-width:240px){body[data-page] #nav .nav__right{display:flex;gap:0}}
@media (max-width:240px){body[data-page] .nav .lang{display:inline-flex}}
@media (max-width:240px){body[data-page] .nav .lang button{min-width:44px;min-height:44px;font-size:14px;padding:0 6px}}
@media (max-width:240px){body[data-page] #nav .nav-acc{display:none!important}}
@media (min-width:1024px){body[data-page] .nav .wrap{max-width:none;width:min(calc(100% - 2*var(--wd-g)),var(--wd-max));padding:0}}
@media (min-width:1024px){@media (min-width:1800px){body[data-page] .nav .nav__links a,body[data-page] .nav .btn--sm{font-size:16px}}}
@media (min-width:1024px){@media (min-width:2400px){body[data-page] .nav .nav__in{height:84px}}}
@media (min-width:1024px){@media (min-width:2400px){body[data-page] .nav .nav__links a,body[data-page] .nav .btn--sm{font-size:17px}}}
@media (max-width:1180px){body[data-page] .nav .nav__links .ap-navgen{display:none}}