.www-navbar{width:100%;background:var(--white);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:999;transition:background 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease}.www-navbar.scrolled{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:rgba(216,224,236,0.6);box-shadow:0 2px 16px rgba(0,0,0,0.08)}.www-nav-container{max-width:1250px;margin:0 auto;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.www-logo img{height:54px;display:block}.www-nav-links{display:flex;align-items:center;gap:4px}.www-nav-links a{font-size:0.97rem;font-weight:500;color:var(--ink-700);padding:8px 16px;border-radius:500px;text-decoration:none;background:transparent;border:1px solid transparent;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease}.www-nav-links a:hover{background:var(--ink-100);color:var(--ink-900)}.www-nav-links a.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.www-mobile-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:22px;border:none;background:transparent;padding:0;cursor:pointer;flex-shrink:0}.www-mobile-toggle span{display:block;width:100%;height:3px;background:var(--ink);border-radius:3px;transition:transform 0.28s ease,opacity 0.2s ease;transform-origin:center}.www-mobile-toggle.open span:nth-child(1){transform:translateY(9.5px) rotate(45deg)}.www-mobile-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.www-mobile-toggle.open span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}.www-mobile-menu{overflow:hidden;max-height:0;opacity:0;pointer-events:none;background:var(--white);border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:2px;padding:0 20px;transition:max-height 0.35s ease,opacity 0.3s ease,padding 0.3s ease}.www-mobile-menu.open{max-height:500px;opacity:1;pointer-events:auto;padding:14px 20px 20px}.www-mobile-menu a{display:block;color:var(--ink-700);font-size:1rem;font-weight:500;padding:10px 14px;border-radius:var(--radius-md);text-decoration:none;transition:background 0.15s ease,color 0.15s ease}.www-mobile-menu a:hover{background:var(--ink-100);color:var(--ink-900)}.www-mobile-menu a.active{background:var(--brand-50);color:var(--accent);font-weight:600}@media (max-width:720px){.www-mobile-toggle{display:flex}.www-nav-links{display:none}.www-nav-container{padding:12px 20px}}