.navigation{position:sticky;top:0;left:0;right:0;z-index:1000;background:#fffffff7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-gray-200);transition:box-shadow .3s ease}.navigation.scrolled{box-shadow:0 4px 20px #1e3a8a14,0 1px 4px #0000000d}.nav-content{display:flex;align-items:center;justify-content:space-between;height:64px;gap:2rem}.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:opacity .2s ease;flex-shrink:0}.nav-logo:hover{opacity:.8}.logo-image{height:36px;width:auto;max-width:none}.logo-text{display:flex;flex-direction:column;gap:.05rem}.logo-name{font-family:var(--font-display);font-size:1.125rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--color-gray-900)}.brand-triproom{color:var(--color-primary-600)}.brand-id{color:var(--color-secondary-500)}.logo-tagline{font-family:var(--font-body);font-size:.5625rem;font-weight:500;color:var(--color-gray-400);letter-spacing:.12em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-links .nav-cta{display:none}.nav-link{font-family:var(--font-body);font-size:.875rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--color-gray-700);padding:.5rem .875rem;border-radius:var(--radius-md);position:relative;transition:color .2s ease,background .2s ease;text-decoration:none}.nav-link:after{content:"";position:absolute;bottom:2px;left:.875rem;right:.875rem;height:2px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));border-radius:1px;transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.nav-link:hover,.nav-link.active{color:var(--color-primary-600);background:var(--color-primary-50)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-cta{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.125rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--color-white);background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);border-radius:var(--radius-xl);box-shadow:0 4px 12px #1e3a8a4d;transition:all .3s ease;text-decoration:none;white-space:nowrap}.nav-cta:hover{background:linear-gradient(135deg,var(--color-primary-700) 0%,#1e40af 100%);box-shadow:0 6px 16px #1e3a8a66;transform:translateY(-1px)}.mobile-menu-toggle{display:none;background:none;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-700);padding:.5rem;transition:all .2s ease}.mobile-menu-toggle:hover{color:var(--color-primary-600);background:var(--color-primary-50);border-color:#bfdbfe}@media(max-width:1024px){.nav-content{height:60px}.mobile-menu-toggle{display:flex;align-items:center}.nav-links{position:fixed;top:60px;left:0;right:0;height:calc(100vh - 60px);background:var(--color-white);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:1rem var(--container-padding) 2rem;gap:.125rem;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--color-gray-100);box-shadow:inset 0 4px 16px #0000000a}.nav-links.mobile-open{transform:translate(0)}.nav-link{font-size:.9375rem;font-weight:500;padding:.875rem 1rem;border-radius:var(--radius-lg);color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100)}.nav-link:last-child{border-bottom:none}.nav-link:after{display:none}.nav-links .nav-cta{display:flex;margin-top:1rem;justify-content:center;padding:.875rem 1.5rem;border-radius:var(--radius-xl);font-size:.9375rem;box-shadow:none}.nav-right .nav-cta{display:none}}@media(max-width:480px){.logo-image{height:30px}.logo-name{font-size:1rem}}