html{scroll-behavior:smooth}body{min-width:320px}.nav-link{position:relative;font-size:.925rem;font-weight:800;color:#334155;transition:color 180ms ease}.nav-link:hover{color:#0284c7}.nav-link::after{position:absolute;right:0;bottom:-.55rem;left:0;height:2px;content:"";background:#0ea5e9;border-radius:999px;transform:scaleX(0);transition:transform 180ms ease}.nav-link:hover::after{transform:scaleX(1)}.mobile-nav-link{display:block;border-radius:.75rem;padding:.8rem 1rem;font-weight:800;color:#334155}.mobile-nav-link:hover{background:#f0f9ff;color:#0284c7}