.tech-navigation{background:#ffffff;border-bottom:1px solid #e1e4e8;position:-webkit-sticky;position:sticky;top:0;z-index:100;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;justify-content:space-between;height:4rem}.nav-brand,.nav-container{display:flex;align-items:center}.nav-brand{gap:.75rem;text-decoration:none;color:#24292f}.brand-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0969da;border-radius:6px;padding:4px}.brand-image{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.brand-text{font-size:1.25rem;font-weight:700;color:#24292f;letter-spacing:-.025em}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.875rem;font-weight:500;color:#656d76;text-decoration:none;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .2s ease}.nav-link:hover{color:#24292f;border-bottom-color:#0969da}button.nav-link{background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit;text-decoration:inherit;padding:inherit;border-bottom:inherit;transition:inherit}button.nav-link:hover{color:#24292f;border-bottom-color:#0969da}.nav-cta{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#0969da;color:#ffffff;border:1px solid #0969da;border-radius:6px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s ease}.nav-cta:hover{background:#0860ca;border-color:#0860ca;transform:translateY(-1px)}.mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s ease}.mobile-toggle:hover{background:#f6f8fa}.hamburger{width:20px;height:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:2px;background:#24292f;border-radius:1px;transition:all .3s ease}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu.active{opacity:1;pointer-events:all}.mobile-backdrop{left:0;bottom:0;background:rgba(0,0,0,.5)}.mobile-backdrop,.mobile-panel{position:absolute;top:0;right:0}.mobile-panel{width:280px;height:100%;background:#ffffff;border-left:1px solid #e1e4e8;padding:1.5rem;transform:translateX(100%);transition:transform .3s ease}.mobile-menu.active .mobile-panel{transform:translateX(0)}.mobile-header{justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e1e4e8}.mobile-brand,.mobile-header{display:flex;align-items:center}.mobile-brand{gap:.5rem}.mobile-brand-image{width:24px;height:24px;object-fit:contain}.mobile-brand-text{font-size:1rem;font-weight:600;color:#24292f}.mobile-close{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;color:#656d76;transition:all .2s ease}.mobile-close:hover{background:#f6f8fa;color:#24292f}.mobile-links{display:flex;flex-direction:column;gap:.5rem}.mobile-link{display:block;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#656d76;text-decoration:none;border-radius:6px;transition:all .2s ease}.mobile-link:hover{background:#f6f8fa;color:#24292f}button.mobile-link{background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit;text-decoration:inherit;width:100%;text-align:left;padding:.75rem 1rem;border-radius:inherit;transition:inherit}button.mobile-link:hover{background:#f6f8fa;color:#24292f}.mobile-cta{display:block;padding:.75rem 1rem;margin-top:1rem;background:#0969da;color:#ffffff;border:1px solid #0969da;border-radius:6px;font-size:.875rem;font-weight:600;text-decoration:none;text-align:center;transition:all .2s ease}.mobile-cta:hover{background:#0860ca;border-color:#0860ca}@media (max-width:768px){.nav-container{padding:0 1.5rem}.nav-menu{display:none}.mobile-menu,.mobile-toggle{display:block}}@media (max-width:480px){.nav-container{padding:0 1rem;height:3.5rem}.brand-icon{width:28px;height:28px}.brand-text{font-size:1.125rem}.mobile-panel{width:100%;border-left:none;padding:1rem}.mobile-header{margin-bottom:1.5rem}}