:root{--public-nav-h:60px;--public-nav-border:oklch(100% 0 0/.35)}html{scroll-padding-top:var(--public-nav-h)}.skip-link{top:-100px;left:var(--space-sm);z-index:1000;min-height:44px;padding:var(--space-2xs) var(--space-md);background:var(--bg-dark);color:var(--text-on-dark);border:2px solid var(--primary);border-radius:var(--radius-sm);font-family:var(--font-heading);transition:top var(--duration-fast) var(--ease-out-quart);align-items:center;font-weight:600;text-decoration:none;display:inline-flex;position:fixed}.skip-link:focus,.skip-link:focus-visible{top:var(--space-2xs)}.public-nav{z-index:50;justify-content:space-between;align-items:center;gap:var(--space-sm);height:var(--public-nav-h);padding:0 var(--space-md);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:oklch(22% .008 12/.92);display:flex;position:sticky;top:0}.public-nav-brand{font-family:var(--font-heading);letter-spacing:.01em;color:var(--text-on-dark);align-items:center;gap:var(--space-2xs);min-height:44px;padding:0 var(--space-2xs);font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.public-nav-brand:hover{color:var(--text-on-dark);text-decoration:none}.public-nav-brand .brand-dot{border-radius:var(--radius-full);background:var(--primary);width:8px;height:8px;box-shadow:0 0 12px oklch(65% .22 12/.7)}.public-nav-list{align-items:center;gap:var(--space-md);margin:0;padding:0;list-style:none;display:none}.public-nav-list li{margin:0}.public-nav-link{min-height:44px;padding:0 var(--space-2xs);color:var(--text-muted);font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;transition:color var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart);border-bottom:2px solid #0000;align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.public-nav-link:hover{color:var(--text-on-dark);text-decoration:none}.public-nav-link[aria-current=page]{color:var(--text-on-dark);border-bottom-color:var(--primary);font-weight:700}.public-nav-auth{align-items:center;gap:var(--space-2xs);display:none}.public-nav-signin,.public-nav-signup{min-height:44px;padding:0 var(--space-md);font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out-quart), color var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart);align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.public-nav-signin{color:var(--text-muted);border:1px solid #0000}.public-nav-signin:hover{color:var(--text-on-dark);text-decoration:none}.public-nav-signup{background:var(--primary-dark);color:var(--text-on-dark);border:1px solid var(--primary-dark)}.public-nav-signup:hover{color:var(--text-on-dark);background:oklch(45% .2 12);text-decoration:none}.public-nav-hamburger{border:1px solid var(--public-nav-border);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-on-dark);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-quart), background var(--duration-fast) var(--ease-out-quart);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.public-nav-hamburger:hover{background:oklch(100% 0 0/.04);border-color:oklch(100% 0 0/.55)}.public-nav-hamburger .ham-bars,.public-nav-hamburger .ham-x{transition:opacity var(--duration-fast) var(--ease-out-quart)}.public-nav-hamburger .ham-x,.public-nav-hamburger[aria-expanded=true] .ham-bars{display:none}.public-nav-hamburger[aria-expanded=true] .ham-x{display:block}dialog.public-nav-drawer{background:var(--bg-dark);width:min(360px,90vw);max-width:360px;height:100dvh;max-height:100dvh;color:var(--text-on-dark);border:none;border-left:1px solid var(--border);margin:auto 0 auto auto;padding:0;position:fixed;inset:0;overflow:auto}dialog.public-nav-drawer::backdrop{-webkit-backdrop-filter:blur(2px);background:oklch(0% 0 0/.6)}.public-nav-drawer-head{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);min-height:var(--public-nav-h);display:flex}.public-nav-drawer-title{font-family:var(--font-heading);letter-spacing:.18em;text-transform:uppercase;color:var(--text-subtle);margin:0;font-size:14px;font-weight:700}.public-nav-drawer-close{border:1px solid var(--public-nav-border);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-on-dark);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.public-nav-drawer-close:hover{background:oklch(100% 0 0/.04);border-color:oklch(100% 0 0/.55)}.public-nav-drawer-list{padding:var(--space-md);gap:var(--space-2xs);flex-direction:column;margin:0;list-style:none;display:flex}.public-nav-drawer-list a{min-height:48px;padding:var(--space-sm) var(--space-md);color:var(--text-on-dark);font-family:var(--font-heading);letter-spacing:.02em;border-radius:var(--radius);transition:background var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart);border:1px solid #0000;align-items:center;font-size:16px;font-weight:600;text-decoration:none;display:flex}.public-nav-drawer-list a:hover{background:oklch(100% 0 0/.04);text-decoration:none}.public-nav-drawer-list a[aria-current=page]{background:oklch(65% .22 12/.12);border-color:oklch(65% .22 12/.6)}.public-nav-drawer-auth{padding:0 var(--space-md) var(--space-md);gap:var(--space-2xs);border-top:1px solid var(--border);margin-top:var(--space-sm);padding-top:var(--space-md);flex-direction:column;display:flex}.public-nav-drawer-auth a{min-height:48px;padding:0 var(--space-md);border-radius:var(--radius);font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.public-nav-drawer-auth .signin{color:var(--text-on-dark);border:1px solid var(--public-nav-border)}.public-nav-drawer-auth .signup{background:var(--primary);color:var(--text-on-dark);border:1px solid var(--primary)}@media (width>=720px){.public-nav-list{display:flex}.public-nav-auth{display:inline-flex}.public-nav-hamburger{display:none}}@media (prefers-reduced-motion:reduce){dialog.public-nav-drawer,.skip-link{transition:none}}