.features-nav{width:100%;max-width:900px;font-family:Inter,system-ui,sans-serif}.features-nav-inner{display:flex;align-items:center;gap:1.25rem;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.45);border-radius:18px;box-shadow:0 4px 18px rgba(2,6,23,.07),inset 0 1px 0 hsla(0,0%,100%,.5);padding:10px 16px}.features-nav-label{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;white-space:nowrap;padding-right:.75rem;border-right:1px solid rgba(15,23,42,.1);flex-shrink:0}.features-nav-items{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.features-nav-item{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:12px;text-decoration:none;font-size:.92rem;font-weight:600;color:#334155;transition:background .12s ease,color .12s ease,box-shadow .12s ease;white-space:nowrap}.features-nav-item:hover{background:rgba(238,243,255,.9);color:#0f172a}.features-nav-item.active{background:#1f2937;color:#fff;box-shadow:0 4px 12px rgba(31,41,55,.22)}.features-nav-item.active:hover{background:#111827;color:#fff}.features-nav-item-icon{display:flex;align-items:center;flex-shrink:0;opacity:.85}.features-nav-item.active .features-nav-item-icon{opacity:1}.features-nav-item-label{line-height:1}@media (max-width:640px){.features-nav-inner{padding:8px 12px;gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.features-nav-inner::-webkit-scrollbar{display:none}.features-nav-label{display:none}.features-nav-items{flex-wrap:nowrap}.features-nav-item{padding:7px 12px;font-size:.875rem}}