.navbar{z-index:1000;height:var(--nav-height);transition:all var(--transition-base);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#050508d9;box-shadow:0 4px 30px #0000004d}.navbar-inner{width:100%;max-width:var(--max-width);padding:0 var(--space-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-logo{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:var(--fs-xl);letter-spacing:-.5px;z-index:1001;font-weight:700;display:flex}.navbar-logo-mark{border-radius:var(--radius-md);width:36px;height:36px;box-shadow:0 2px 12px #7c3aed66}.navbar-logo-text{color:var(--text-primary)}.navbar-logo-dot{color:var(--accent-blue)}.navbar-links{align-items:center;gap:var(--space-xl);display:flex}.navbar-link{font-size:var(--fs-sm);color:var(--text-secondary);transition:color var(--transition-fast);font-weight:500;position:relative}.navbar-link:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:width var(--transition-base);border-radius:1px;position:absolute;bottom:-4px;left:0}.navbar-link:hover{color:var(--text-primary)}.navbar-link:hover:after,.navbar-link.active:after{width:100%}.navbar-link.active{color:var(--accent-blue)}.navbar-cta{font-size:var(--fs-xs);padding:10px 24px}.navbar-toggle{z-index:1001;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-toggle span{background:var(--text-primary);width:24px;height:2px;transition:all var(--transition-base);border-radius:2px}.navbar-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.navbar-mobile{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);justify-content:center;align-items:center;gap:var(--space-xl);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#050508f7;flex-direction:column;display:none;position:fixed;inset:0}.navbar-mobile.open{opacity:1;pointer-events:all;display:flex}.navbar-mobile .navbar-link{font-size:var(--fs-2xl);font-family:var(--font-heading)}@media (max-width:768px){.navbar-links{display:none}.navbar-toggle,.navbar-mobile{display:flex}}@media (max-width:480px){.navbar-inner{padding:0 var(--space-md);gap:var(--space-md)}.navbar-logo{font-size:var(--fs-lg);gap:6px;min-width:0}.navbar-logo-mark{width:30px;height:30px}}